@media screen and (max-width: 768px) {

/******************************************************************************************
**************** s-style only *******************************/
.pc_only {
	display: none !important;
}
.sp {
	display: inherit;
}
.br_sp {
	display: block;
}
/* Contact Form 7のリスト項目をすべて縦並びに */
span.wpcf7-list-item {
  margin:5px 0 5px 20px!important;
	display: block !important;
}
.page-id-5443 span.wpcf7-list-item.first {
	display: none !important;
}
/******************************************************************************************
**************** common style *******************************/
html, body {
	padding: 0;
	margin: 0;
	 font-size: 62.5%;
}
body {
	background-color: #fff;
	font-family: Arial, Helvetica, Verdana;
	line-height: 1.6;
	color: #666;
	position: relative;
	-webkit-text-size-adjust: none;
}
body * {
	text-shadow: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
h1, h2, h3 {
	font-size: 18px;
}
h4, h5, h6 {
	font-size: 16px;
}
p {
	margin: 0 0 10px 0;
}
#wrapper a img {
	border-style: none;
}
div#content {
	margin-top: 0;
}
#main p {
	font-size: 15px;
}
img {
	width: 100%;
	text-align: center;
	height: auto;
}

/**スクロールバー**/
::-webkit-scrollbar {
 width: 20px;
 background: #dcdcdc;
}
::-webkit-scrollbar-track {
 border-radius: 0px;
 box-shadow: inset 0 0 5px #dcdcdc;
}
::-webkit-scrollbar-thumb {
 background-color:#616161;
 border-radius: 0px;
 box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}
/**ページとっぷ**/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#page-top i {
	padding-top: 6px
}
#page-top a {
	display: block;
	z-index: 999;
	padding: 0;
	border-radius: 3px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	background-color: #9FD6D2;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
#page-top a:hover {
	text-decoration: none;
	opacity: 0.7;
}
.video-container {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 56.25%;
	padding-top: 20px;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object,  .video-container embed {
	width: 100%;
	height: 100%;
}
.google-maps {
	position: relative;
	padding-bottom: 150px; /*高さは250pxで固定*/
	height: 150px; /*高さは250pxで固定*/
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
a {
	color: #008EDB;
	text-decoration: none;
}
/******************************************************************************************
**************** base layout *******************************/

#wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 20px 0;
	position: relative;
}
.home #wrapper {
	padding: 0;
}
#contents {
	width: 100%;
	margin: 20px 0;
}
/******************************************************************************************
**************** header detail *******************************/
header {
	position: fixed;
	top: 0;
	left: 0;
	padding: 0 0 0 0;
	width: 100%;
	height: 50px !important;
	background: #fff;
	filter: opacity(0.95);
	z-index: 99999;
}
.menu-btn {
	position: absolute;
	left: 0;
	top: 0;
	height: 45px;
	width: 45px;
	display: block;
	background: url(../images/btn-menu.gif) no-repeat left top;
	-webkit-background-size: 100%;
	background-size: 100%;
	z-index: 99999;
}
.tooltip-btn {
	position: absolute;
	right: 0;
	top: 0;
	height: 45px;
	width: 45px;
	display: block;
	background: url(../images/btn-tooltip.gif) no-repeat left top;
	-webkit-background-size: 100%;
	background-size: 100%;
}
#tooltip h2 {
	margin: 0.5em 0;
	font-size: 18px;
	font-weight: bold;
}
header #h-l {
	width: 50%;
	margin: 10px auto;
	z-index: 99999;
}
.mm-list li.icon img{
	width:50px;
	height:50px;
}
/******************************************************************************************
**************** footer detail *******************************/
#wrapper {
	width: 100%;
	background: #fff;
}
footer .f_bnr {
	background: #f4f5f9;
	padding: 30px 10px 10px;
}
footer .f_bnr .con_in {
	margin: 0 auto;
}
footer .f_bnr .con_in ul {
	width: 100%;
}
footer .f_bnr .con_in ul li {
	margin-bottom: 10px;
}
footer .f_bnr .con_in ul.fb02 li {
	width: 31%;
	display: inline-block;
	margin-left: 0.5%;
	margin-right: 0.5%;
	border: 1px solid #3a73dc;
}
footer .f_menu {
	width: 100%;
	background: #00c0d4;
	margin-bottom: 30px;
	padding: 20px 0 0;
}
footer .f_menu .con_in {
	margin: 0 auto;
}
footer .f_menu .con_in > ul:nth-child(1) {
	width: 50%;
	margin: 0 auto 20px;
}
footer .f_menu .con_in ul:nth-child(2) {
	border-top: 1px solid #fff;
}
footer .f_menu .con_in ul:nth-child(2) li, footer .f_menu .con_in ul:nth-child(3) li, footer .f_menu .con_in ul:nth-child(4) li {
	font-size: 14px;
	padding: 10px 5px 10px 20px;
	border-bottom: 1px solid #fff;
}
footer .f_menu .con_in ul:nth-child(4) li.fb-wrapper {
    width: 300px;
    margin: 0 auto;
}

footer .f_menu, footer .f_menu a {
	display: block;
	color: #fff;
	text-decoration: none;
	position: relative;
}
footer .f_menu .con_in ul li a:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 35px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: #fff;
}
footer .f_menu .con_in ul li a:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 38px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: #00c0d4;
}
  footer .f_menu .con_in > ul.right li:nth-child(2) {
	width: 50%;
	margin: 30px auto;
}
footer .f_menu .con_in > ul.right li:nth-child(2) a::before ,
  footer .f_menu .con_in > ul.right li:nth-child(2) a::after {
  	content:none;
  }
footer .f_guide {
	margin: 10px auto;
	text-align: center;
}
footer .f_guide ul {
	font-size: 13px;
}

footer .copy {
	text-align: center;
	font-size: 11px;
	color: #BEBEBE;
}
footer #searchform {
	margin: 0 20px 20px;
}
footer #searchform .screen-reader-text {
	display: none;
}
footer #searchform input[type="text"] {
	width: 80%;
	margin: 0px 0 0 0;
	padding: 2px 0 1px 0;
	height: 30px;
	line-height: 30px;
}
footer #searchform input[type="submit"] {
	margin: 0 0 0 -5px;
	padding: 1px 0px;
	/* position: absolute; */
/* top: -0px; */
/* right: 0; */
	border: 0;
	width: 19%;
	height: 38px;
	line-height: 38px;
	background: #00c0d4;
	color: #fff;
	font-size: 12px;
	display: inline;
	border-radius: 0;
}
address {
	text-align: center;
	font-size: 11px;
}
/********** home ************************************/

.home#contents {
	margin-top: 50px;
}
.home#contents .keyvisual .con_in {
	height: 100%;
	margin-bottom: 50px;
	padding: 0;
}
.home#contents .con_01 .con_in {
	width: 100%;
	margin: 0 auto 50px;
	padding: 0;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}
.home#contents .con_01 .con_in ul {
}
.home#contents .con_01 .con_in ul li {
position: relative;
padding: 50px 0 0 0;
font-size: 16px;
font-weight: normal;
width: 46%;
height: 90px;
display: inline-block;
background: #00c0d4;
background-repeat: no-repeat;
background-size: auto 30px;
background-position: 50% 20px;
	}
.home#contents .con_01 .con_in ul li a {
	display: block;
	background: #00c0d4;
	color: #fff;
}
.home#contents .con_01 .con_in ul li:nth-child(1) {
	background-image: url(../images/icon_tsa.png);
}
.home#contents .con_01 .con_in ul li:nth-child(2) {
	background-image: url(../images/icon_uniform.png);
}
.home#contents .con_01 .con_in ul li:nth-child(3) {
	background-image: url(../images/icon_hakone.png);
}
.home#contents .con_01 .con_in ul li:nth-child(4) {
	background-image: url(../images/icon_sponcer.png);
}
.home#contents .con_01 .con_in ul li a > span {
width: 100%;
	position: absolute;
top: 80px;
transform: translate(-50%, -50%);
}
.home#contents .con_01 .con_in ul li .fs {
	font-size: 13px;
}
.home#contents .con_01 .con_in ul li a:hover {
	background-color: #27d8ea;
}
.home#contents .con_02 .con_in {
	margin: 50px 10px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.home#contents .con_02 .con_in p {
	line-height: 1.8em;
}
.home#contents .con_02 .con_in p img {
	height: auto;
	width: 30px;
	padding-right: 10px;
}
.home#contents .con_02 .con_in p a:hover {
	text-decoration: none;
}
.home#contents .con_03 .con_in {
	margin: 0px 0 50px;
}
.home#contents .con_03 .con_in h2 {
	margin-bottom: 2px;
	text-align: center;
	font-size: 20px;
}
.home#contents .con_03 .con_in ul {
	border-bottom: 1px solid #ccc;
}
.home#contents .con_03 .con_in ul:nth-child(1) {
	border-top: 1px solid #ccc;
}
.home#contents .con_03 .con_in ul li {
	margin: 0 10px;
}
.home#contents .con_03 .con_in ul li.l01 {
  padding-top: 10px;
	text-align: right;
	font-size: 12px;
}
.home#contents .con_03 .con_in ul li.l02 {
	margin-bottom: 20px;
	background: #00c0d4;
	padding: 5px 0;
	text-align: center;
	font-weight: bold;
}
.home#contents .con_03 .con_in ul li.l02 a {
	display: block;
	color: #fff;
}
.home#contents .con_03 .con_in ul li.l03 {
	margin-bottom: 10px;
}
.home#contents .con_03 .con_in ul li.l03 dl {
	margin-top: 10px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 16px;
	background: #F7F7F7;
	vertical-align: middle;
	display: table;
}
.home#contents .con_03 .con_in ul li.l03 dl dt {
	width: 14%;
padding: 2px 0;
display: table-cell;
vertical-align: middle;
text-align: center;
font-size:11px;
color: #fff;
}
.home#contents .con_03 .con_in ul li.l03 dl dt span{
padding:2px;
background: #593c94;
}
.home#contents .con_03 .con_in ul li.l03 dl dd {
width: 85%;
padding: 2px 10px;
margin-bottom: 20px;
display: table-cell;
}
.home#contents .con_03 .con_in ul li.l03 dl dd span {
float: left;
margin-right: 10px;
padding-right: 10px;
position: relative;
}
.home#contents .con_03 .con_in ul li.l03 dl dd span:before {
position: absolute;
right: -0;
content: "|";
}
.home#contents .con_03 .con_in p {
	width: 60%;
	margin: 30px auto 0;
	padding: 5px 0;
	line-height: 27px;
	background: #00c0d4;
	text-align: center;
}
.home#contents .con_03 .con_in p a {
	color: #fff;
	text-decoration: none;
}
.home#contents .con_04 .con_in {
	width: 100%;
	margin: 0px auto 50px;
}
.home#contents .con_04 .con_in h2 {
	text-align: center;
	margin-bottom: 27px;
	font-size: 22px;
}
.home#contents .con_04 .con_in .inner {
	width: 100%;
}
.home#contents .con_04 .con_in .inner .box {
	display: inline-block;
	vertical-align: top;
	width: 44%;
	margin: 0 2.5% 20px;
}
.home#contents .con_04 .con_in .inner .box div img {
	width: 100%;
}
.home#contents .con_04 .con_in .inner .box div {
	width: 100%;
	max-height: 150px;
	margin-bottom: 10px;
	overflow: hidden;
}
.home#contents .con_04 .con_in .inner .box dl {
	position: relative;
}
.home#contents .con_04 .con_in .inner .box dl dt {
	margin-bottom: 2px;
}
.home#contents .con_04 .con_in .inner .box dl dd.ct {
	width: 70%;
	background: #593c94;
	text-align: center;
	font-size: 10px;
	color: #fff;
}
.home#contents .con_04 .con_in .inner .box dl dd.ct a {
	display: block;
	padding: 2px 0;
	color: #fff;
}
.home#contents .con_04 .con_in .inner .box dl dd.ct a:hover {
	background: #6e3bcc;
}
.home#contents .con_04 .con_in .inner .box dl dd.ttl {
	line-height: 20px;
}
.home#contents .con_04 .con_in {
	margin: 0px auto 100px;
}
.home#contents .con_04 .con_in h2 {
	text-align: center;
	margin-bottom: 27px;
	font-size: 22px;
}
.home#contents .con_04 .con_in ul.justify {
	margin: 0 auto;
}
.home#contents .con_04 .con_in ul.justify li {
	width: 30%;
	display: inline-block;
	margin: 20px 1%;
	height: 28px;
	line-height: 28px;
	text-align: center;
}
.home#contents .con_04 .con_in ul.justify li a {
	display: block;
	line-height: 1.5;
	text-decoration: none;
	color: #fff;
	padding: 10px 0;
	background: #00c0d4;
}
.home#contents .con_05 .con_in {
	width: 100%;
	margin: 0px auto 50px;
}
.home#contents .con_05 .con_in h2 {
	text-align: center;
	margin-bottom: 20px;
	font-size: 22px;
}
.home#contents .con_05 .con_in p {
	margin-bottom: 30px;
	text-align: center;
	font-size: 14px;
	color: #787878;
}
.home#contents .con_05 .con_in figure {
	width: 44%;
	margin: 0 2.5% 20px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.home#contents .con_05 .con_in figure:nth-of-type(4n) {
	margin-right: 0;
}
.home#contents .con_05 .con_in figcaption {
}
.home#contents .con_05 .con_in figcaption h3 {
	text-align: center;
	font-size: 14px;
	font-weight: normal;
}
.home#contents .con_05 .con_in figure:last-of-type {
	background: #00c0d4;
	text-align: center;
	color: #fff;
}
.home#contents .con_05 .con_in figure:last-of-type a {
	max-height: 90px;
	padding: 30px 0;
	text-align: center;
	display: block;
	color: #fff;
	text-decoration: none;
}
.home#contents .con_05 .con_in figure:last-of-type a:hover {
	background: #27d8ea;
}
.home#contents .con_05 .con_in figure:last-of-type h3{
	font-size: 14px;
	}

/********** layout common ************************************/
#contents {
	margin-top: 50px;
	padding: 0;
}
#contents.clomun1, #contents.clomun2 {
	background: #fff;
}
#contents.clomun1 .container, #contents.clomun2 .container {
	width: 100%;
	margin: 0 auto;
}
#contents .con_in {
	margin-bottom: 40px;
}
#contents.clomun1 .container #main, #contents.clomun2 .container #main {
	margin-bottom: 30px;
	/*box-shadow: 0px 3px 15px rgba(0,0,0,0.18);
*/	padding: 20px;
}
#contents.clomun2 .container #main a {
	text-decoration: underline;
}
#contents.clomun2 .container #side {
	width: 100%;
}
#contents p {
	margin-bottom: 1em;
}
.breadcrumbs {
	width: 100%;
	margin: 5px auto 0;
}
.breadcrumbs li {
	padding: 3px 2px;
	display: inline-block;
	font-size: 11px;
	color: #686868;
}
.breadcrumbs li a {
	color: #686868;
}
#contents .container h1 {
	width: 80%;
	margin: 0 auto 50px;
	padding: 20px 0;
	position: relative;
	padding: 0.25em 1em;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #000;
}
#contents .container h1:before, #contents .container h1:after {
	content: '';
	position: absolute;
	top: -7px;
	width: 1px;
	height: -webkit-calc(100% + 14px);
	height: calc(100% + 14px);
	background-color: black;
}
#contents .container #main h1:before {
	left: 7px;
}
#contents .container #main h1:after {
	right: 7px;
}
#contents .container #main h2 {
	width: 100%;
	margin: 0px auto 30px;
	border-bottom: solid 3px #6e3bcc;
	position: relative;
	text-align: center;
	font-size: 18px;
}
#contents .container #main h2:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #27d8ea;
	bottom: -3px;
	width: 30%;
}
/****** side dtl*****/
#contents .container #side .menu {
	margin-bottom: 20px;
	background: #fff;
}
#contents .container #side .menu h2 {
	border-bottom: 2px solid #f4f5f9;
	padding: 10px 0;
	background: #00c0d4;
	text-align: center;
	font-size: 17px;
	color: #fff;
}
/****** side tsa aboutus*****/
#contents .container #side .menu ul {
	border: 2px solid #f4f5f9;
}
#contents .container #side .menu ul li {
	border-bottom: 2px solid #f4f5f9;
}
#contents .container #side .menu ul li span {
	margin-left: 10px;
	font-size: 10px;
}
#contents .container #side .menu ul li a {
	display: block;
	padding: 15px 10px 15px 40px;
	border-left: 4px solid #fff;
	color: #00c0dd;
}
 #contents .container #side .menu ul li a:hover {
	border-left: 4px solid #27d8ea;
}
/****** side bnr*****/
#contents .container #side .bnr {
	margin: 0 1%;
}
#contents .container #side .bnr li {
	margin: 0 1.5% 20px;
	width: 46%;
	display: inline-block;
}
/****** side image*****/
#contents.clomun2 .container #side .menu .box {
	width: 94%;
	border-bottom: 1px solid #e7e8eb;
	padding: 5px 3%;
	font-size: 12px;
}
#contents.clomun2 .container #side .menu .box a {
	display: block;
	color: #212121;
}
#contents.clomun2 .container #side .menu .box a:hover {
	background: #f4f5f9;
}
#contents.clomun2 .container #side .menu .box .fL {
	width: 19%;
	height: 100px;
	padding: left:1%;
	margin-right: 1%;
	margin-left: 1%;
	display: inline-block;
	overflow: hidden;
	text-align: center;
}
#contents.clomun2 .container #side .menu .box .fL img {
	width:150%;
height:150%;
	min-width: 100%;
	min-height: 100px;
	overflow: hidden;
	vertical-align: middle;
}
#contents.clomun2 .container #side .menu .box .fR {
	width: 75%;
	display: inline-block;
	padding: 10px 0;
	vertical-align: top;
}
#contents.clomun2 .container #side .menu .box .fR p,
	#contents.clomun2 .container #side .menu .box .fR h3 {
	margin-bottom: 5px;
	font-size: 14px;
}
#contents.clomun2 .container #side .acv_monthly {
	margin:20px;
}
#contents.clomun2 .container #side .acv_monthly select {
	width: 100%;
	height: 40px;
	line-height: 40px;
}
/********** head img ************************************/
#aboutus .wide_img,
#uniform .wide_img{
	height: 150px;
	overflow: hidden;
	background: url(../images/img_head_aboutus.jpg) no-repeat 83% 0;
	background-size: auto 100%;
}
#tsa .wide_img,
#athlete .wide_img,
#public .wide_img,
#social .wide_img,
#hakone .wide_img{
	height: 150px;
	overflow: hidden;
	background: url(../images/img_head_tsa.jpg) no-repeat 83% 0;
	background-size: auto 100%;
}


#supporter .wide_img {
	height: 180px;
	overflow: hidden;
	background: url(../images/img_head_supporter.jpg) no-repeat 83% 0;
	background-size: auto 100%;
}
#contents.tournament .wide_img {
	height: 180px;
	overflow: hidden;
	background: url(../images/img_head_tournament.jpg) no-repeat 83% 0;
	background-size: auto 100%;
}
#athletic-club #contents .wide_img {
	height: 180px;
	overflow: hidden;
	background: url(../images/img_head_athletic-club.jpg) no-repeat 83% 0;
	background-size: auto 100%;
}
.category-1 #contents .wide_img {
	height: 180px;
	overflow: hidden;
	background: url(../images/img_head_newsflash.jpg) no-repeat 83% 0;
	background-size: auto 100%;
}
.category-information #contents .wide_img,
.categoryid-121 #contents .wide_img {
	height: 180px;
	overflow: hidden;
	background: url(../images/img_head_info.jpg) no-repeat 83% 0;
	background-size: auto 100%;
}
.category-120 #contents .wide_img,
.categoryid-120 #contents .wide_img {
	height: 180px;
	overflow: hidden;
	background: url(../images/img_head_report.jpg) no-repeat 83% 0;
	background-size: auto 100%;
}
.post-type-archive-topics #contents .wide_img, .single-topics #contents .wide_img {
	height: 180px;
	overflow: hidden;
	background: url(../images/img_head_topics.jpg) no-repeat 83% 0;
	background-size: auto 100%;
}
#contact #contents .wide_img {
	height: 180px;
	overflow: hidden;
	background: url(../images/img_head_contact.jpg) no-repeat 83% 0;
	background-size: auto 100%;
}
.searchpage #contents .wide_img {
	height: 180px;
	overflow: hidden;
	background: url(../images/img_head_tso.jpg) no-repeat 83% 0;
	background-size: auto 100%;
}
/********** aboutus tsa ************************************/

#contents.clomun2 .container #main.aboutus ol {
	margin-bottom: 40px;
}
#contents.clomun2 .container #main.aboutus ol li {
	margin-left: 20px;
	margin-bottom: 1em;
	list-style: outside decimal;
}
#contents.clomun2 .container #main.aboutus img {
	margin-bottom: 40px;
}
/********** bz ************************************/
#contents.clomun2 .container #main.bz .fL, #contents.clomun2 .container #main.bz .fR {
	margin-bottom: 15px;
}
/********** hakone ************************************/
#contents.clomun2 .container #main.athlete .bn {
	width: 70%;
	margin: 20px auto;
}
/********** hakone ************************************/
#contents.clomun2 .container #main.hakone .bn {
	width: 70%;
	margin: 20px auto;
}
/********** supporter ************************************/

#supporter #contents.clomun1 #main .box {
	margin-bottom: 20px;
	vertical-align: top;
	padding: 2%;
}
#supporter #contents.clomun1 #main .box h3 {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #593c94;
}
#supporter #contents.clomun1 #main .box h3 span {
	margin-right: 10px;
	padding: 3px 15px;
	background: #593c94;
	font-size: 24px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	color: #fff;
}
#supporter #contents.clomun1 #main .c03 ol {
	margin-bottom: 20px;
	padding: 10px;
	background: #f5f1fc;
}
#supporter #contents.clomun1 #main .c03 ol li {
	list-style: decimal outside;
	margin-left: 20px;
}
#supporter #contents.clomun1 #main .c03 .fL {
}
#supporter #contents.clomun1 #main .c03 .fR {
}
#supporter #contents.clomun1 #main .c04 div.algnC {
	clear: both;
	width: 70%;
	margin: 20px auto;
}
/********** contact ************************************/

#contact #contents.clomun1 #main {
	margin-bottom: 20px;
	vertical-align: top;
}
#contact #contents.clomun1 #main dl {
	margin: 0 auto 30px;
	background: #F5F5F5;
}
#contact #contents.clomun1 #main dt {
	padding: 10px 0;
	text-align: center;
	position: relative;
}
#contact #contents.clomun1 #main .atn {
	padding: 2px 3px;
	text-align: center;
	background: #F5393C;
	font-size: 11px;
	color: #fff;
	position: absolute;
	top: 9px;
	left: 5px;
}
#contact #contents.clomun1 #main dd {
	padding: 10px 0;
	display: block;
	background: #fff;
}
#contact #contents.clomun1 #main dd p {
	background: #E9F6F8;
	margin: 20px 0 10px;
	padding: 5px;
}
/********** tournament ************************************/
#contents.tournament .con_01 {
}
#contents.tournament .ttl ul.justify {
	margin: 30px auto;
	width: 100%;
}
#contents.tournament .ttl ul.justify li {
	width: 30%;
	margin: 0 1%;
	display: inline-block;
	background: #593c94;
	text-align: center;
	font-size: 12px;
}
#contents.tournament .ttl ul.justify li a {
	display: block;
	color: #fff;
	padding: 8px 0;
}
.post-type-archive-tournament .ttl ul.justify li:nth-child(1) a, .tax-tournament-sports .ttl ul.justify li:nth-child(2) a, #tournament .ttl ul.justify li:nth-child(1) a, #competition .ttl ul.justify li:nth-child(2) a, #search .ttl ul.justify li:nth-child(3) a, .search-results .ttl ul.justify li:nth-child(3) a, #contents.tournament .ttl ul.justify li a:hover {
	background: #6e3bcc;
}
#contents.tournament .con_01 .nav_year {
	margin-bottom: 20px;
	text-align: center;
}
#contents.tournament .con_01 .nav_year li {
	display: inline-block;
	font-size: 20px;
}
#contents.tournament .con_01 .nav_year li:nth-child(1) {
	margin-right: 30px;
	font-size: 20px;
}
#contents.tournament .con_01 .nav_year li:nth-child(2) {
	font-size: 20px;
	font-weight: bold;
}
#contents.tournament .con_01 .nav_year li:nth-child(3) {
	margin-left: 30px;
	font-size: 20px;
}
/***月**/
#contents.tournament .con_01 .nav_month {
	width: 100%;
	margin: 0 auto 20px;
}
#contents.tournament .con_01 .nav_month li {
	width: 14%;
	margin-left: 1%;
	margin-bottom: 15px;
	text-align: center;
	display: inline-block;
}
#contents.tournament .con_01 .nav_month li a {
	display: block;
	background: #00c0d4;
	padding: 10px 0;
	color: #fff;
}
#contents.tournament .con_01 .nav_month li.on {
	position: relative;
}
#contents.tournament .con_01 .nav_month li.on a {
	background: #6e3bcc;
	position: relative;
}
#contents.tournament .con_01 .nav_month li.on::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 44%;
	bottom: -7px;
	border-top: 7px solid #6e3bcc;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
}
#contents.tournament .con_01 .nav_month li a:hover {
	background: #27d8ea;
}
#contents.tournament .con_01 .nav_month li.on a:hover {
	background: #6e3bcc;
}
/***一覧**/
#contents.tournament .con_01 table {
	width: 100%;
	margin: 0 auto 40px;
	border-bottom: 1px solid #E6E6E6;
}
#contents.tournament .con_01 table tr:nth-child(4n+1),
#contents.tournament .con_01 table tr:nth-child(4n+2){
	background: #f5fafb;
}
#contents.tournament .con_01 table tr:nth-child(4n+3),
#contents.tournament .con_01 table tr:nth-child(4n+4){
	background: #fff;
}
#contents.tournament .con_01 table th,
	#contents.tournament .con_01 table td {
	padding: 7px 2%;
}
#contents.tournament .con_01 table th {
	border: 1px solid #fff;
}
#contents.tournament .con_01 table td.day {
	width:56%;
	border-top: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
	font-weight: bold;
	color: #000;
}
#contents.tournament .con_01 table td.play {
	width:36%;
	border-top: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	font-weight: bold;
	color: #000;
}
#contents.tournament .con_01 table td.ttl {
	border-right: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
}
#contents.tournament .con_01 .result {
	background: #00c0d4;
	margin-right:5px;
	padding:2px 0;
	font-size: 12px;
	color:#fff;
	display: block !important;
width: 20%;
text-align: center;
}
/********** tournament serch************************************/

#search #contents #main .con_01 dl {
	width: 100%;
	margin-bottom: 30px;
}
#search #contents #main .con_01 dt {
	padding: 10px 0;
	display: block;
	text-align: center;
	border-top: 1px solid #ccc;
	background: #F5F5F5;
}
#search #contents #main .con_01 dd {
	padding: 10px 0;
	border-top: 1px solid #ccc;
}
#search #contents #main .con_01 dd p {
	background: #E9F6F8;
	margin: 20px 0 10px;
	padding: 5px;
}
#search #contents #main .con_01 dd:nth-child(2) p {
	margin: 0px 0 10px;
}
#search #contents #main .con_01 ul.play {
	margin-bottom: 20px;
}
#search #contents #main .con_01 ul.play li {
	width: 32%;
	display: inline-block;
}
/********** tournament serch reslut************************************/
#contents #main .ans {
	text-align: center;
	margin-bottom: 10px;
}
#contents #main .ans span {
	font-weight: bold;
	font-size:1.8rem;
	color:#000;
}
/********** tournament categpry************************************/
#competition #contents #main .con_01 h2 {
	text-align: left;
	border-bottom: 3px solid #F5F5F5;
	font-weight: bold;
	color: #000;
}
#competition #contents #main .con_01 h2::after {
}
#competition #contents #main .con_01 ul {
	margin-bottom: 30px;
	margin-left: 0px;
}
#competition #contents #main .con_01 ul li {
	width: 44%;
	display: inline-block;
	margin: 0 0 30px;
	padding-left: 20px;
	position: relative;
}
#competition #contents #main .con_01 ul li::after, #competition #contents #main .con_01 ul li::before {
	display: block;
	content: '';
	position: absolute;
}
#competition #contents #main .con_01 ul li::after {
	top: .25em;
	left: 0em;
	width: 14px;
	height: 14px;
	background-color: #00c0d4;
}
#competition #contents #main .con_01 ul li::before {
	z-index: 2;
	top: .525em;
	left: .2em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#competition #contents #main .con_01 ul li a {
	display: block;
}
#competition #contents #main .con_01 ul li a:hover {
	text-decoration: underline;
}
/********** archivepage  pager ************************************/
#contents #main .pager {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
	border-bottom: none;
}
#contents #main .pager:after, #contents #main .pager ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#contents #main .pager li {
}
	#contents #main .pager li {
		display: inline;
	}

#contents #main .pager li a.page-numbers,
#contents #main .pager li .page-numbers {
	padding: 10px 15px;
	margin-left: 2px;
	background: #00c0d4;
	color: #fff;
}
#contents #main .pager li a.page-numbers:hover {
	background: #27d8ea;
}
#contents #main .pager li .current {
	background: #593c94;
}
/********** athletic-club ************************************/
#athletic-club #contents .inner {
	margin-bottom: 30px;
}
#athletic-club #contents #main h2 {
	text-align: left;
	color: #593c94;
	font-weight: bold;
}
#athletic-club #contents .box {
	border-bottom: 1px solid #ccc;
	display: inline-table;
}
#athletic-club #contents .box h3 {
	width: 73%;
	padding: 2px 0 0 2%;
	display: inline-block;
	display: table-cell;
　  vertical-align: middle;
	font-size: 11px;
}
#athletic-club #contents .box div {
	width: 20%;
	display: table-cell;
　
}
#athletic-club #contents .box a {
	display: block;
	color: #000;
}
/******** report archive ***********************************/
.archive #main .con_01 .box,
.category-report #main .con_01 .box {
	width: 45%;
  margin: 0px 2% 20px;
  text-align: center;
	display: inline-block;
	vertical-align: top;
}
.archive #main .con_01 .box:nth-child(4n), .category-report #main .con_01 .box:nth-child(4n) {
	margin-right: 0;
}
.archive #main .con_01 .box div, .category-report #main .con_01 .box div {
	max-height: 161px;
	overflow: hidden;
	margin-bottom: 5px;
}
.archive #main .con_01 .box dl, .category-report #main .con_01 .box dl {
	position: relative;
}
.archive #main .con_01 .box dl dt, .category-report #main .con_01 .box dl dt {
	margin-bottom: 10px;
	text-align: right;
	font-size: 11px;
}
.archive #main .con_01 .box dl dd.ct, .category-report #main .con_01 .box dl dd.ct {
	position: absolute;
	top: 0;
	right: 0;
	width: 120px;
	background: #593c94;
	text-align: center;
	font-size: 11px;
	color: #fff;
}
.archive #main .con_01 .box dl dd.ct a, .category-report #main .con_01 .box dl dd.ct a {
	display: block;
	padding: 2px 0;
	color: #fff;
}
.archive #main .con_01 .box dl dd.ct a:hover, .category-report #main .con_01 .box dl dd.ct a:hover {
	background: #6e3bcc;
}
.archive #main .con_01 .box dl dd.ttl, .category-report #main .con_01 .box dl dd.ttl {
	line-height: 20px;
}
/******** topics archive ***********************************/
.post-type-archive-topics #contents .con_01 {
	margin: 0px auto 50px;
}



.post-type-archive-topics #contents .con_01 .inner ul {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}


.post-type-archive-topics #contents .con_01 .inner ul:nth-child(1) {
	border-top: 1px solid #ccc;
}
.post-type-archive-topics #contents .con_01 .inner ul li {
	padding: 0 0px 5px;
}
.post-type-archive-topics #contents .con_01 .inner ul li.l01 {
	padding-top: 10px;
	text-align: right;
	font-size: 11px;
}
.post-type-archive-topics #contents .con_01 .inner ul li.l02 {
	text-align: center;
	margin-bottom: 20px;
background: #00c0d4;
padding: 5px 0;
text-align: center;
font-weight: bold;
}
.post-type-archive-topics #contents .con_01 .inner ul li.l02 a{
	color:#fff;
}

.post-type-archive-topics #contents .con_01 .inner ul li.l03 {
}
.post-type-archive-topics #contents .con_01 .inner ul li.l03 dl {
margin-top: 10px;
padding: 5px 10px;
font-size: 12px;
line-height: 16px;
background: #F7F7F7;
vertical-align: middle;
display: table;
}
.post-type-archive-topics #contents .con_01 .inner ul li.l03 dl dt {
width: 14%;
padding: 2px 0;
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 11px;
color: #fff;
}
.post-type-archive-topics #contents .con_01 .inner ul li.l03 dl dt span {
padding: 2px;
background: #593c94;
}
.post-type-archive-topics #contents .con_01 .inner ul li.l03 dl dd {
padding: 2px 10px;
margin-bottom: 20px;
display: table-cell;
}
.post-type-archive-topics #contents .con_01 .inner ul li.l03 dl dd span {
float: left;
margin-right: 10px;
padding-right: 10px;
position: relative;
}
.post-type-archive-topics #contents .con_01 .inner ul li.l03 dl dd span:before {
position: absolute;
right: -0;
content: "|";
}
.post-type-archive-topics #contents .con_01 .inner p {
	margin: 50px auto 0;
	line-height: 27px;
	background: #00c0d4;
	text-align: center;
}

/******** newsflash archive ***********************************/
.category-newsflash #contents .container #main .con_01 .box {
	width: 45%;
	margin: 0px 2% 30px;
	text-align: center;
}
.category-newsflash #contents .container #main .con_01 .box a {
	color: #111;
}
.category-newsflash #contents .container #main .con_01 .box h2 {
	margin: 0 0 10px;
	border: none;
	letter-spacing: 0;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}
.category-newsflash #contents .container #main .con_01 .box h2::after {
	border-bottom: none;
	}

.category-newsflash #contents .container #main .con_01 .box h2 span {
	display: block;
	font-size: 14px;
	font-weight: normal;
	padding-left: 10px;
	color: #593c94;
}
.category-newsflash #contents .container #main .con_01 .box p.date {
	margin-bottom: 10px;
	text-align: right;
	font-size: 12px;
}
.category-newsflash #main .con_01 .box div {
	width: 100%;
	height: auto;
	margin: 0;
}
.category-newsflash #contents .container #main .con_01 .box p.read {
	width: 80%;
	margin: 3px auto;
	padding: 3px 0;
	background: #00c0d4;
	color: #fff;
	font-size: 12px;
}
.category-newsflash #contents .container #main .con_01 .box p.read:hover {
	background: #27d8ea;
}
#contents.newsflash {
}

.single.categoryid-1 #contents .container #main .con_01 .cmnt,
.category-newsflash #contents .container #main .con_01 .cmnt{
		background: #F3F3F3;
		padding: 20px;
		font-size: 1.2rem;
	}
	.category-newsflash #contents .container #main .con_01 .cmnt{
		margin: 10px auto 0;
	}

	.single.categoryid-1 #contents .container #main .con_01 .cmnt .fL,
	.category-newsflash #contents .container #main .con_01 .cmnt .fL{
		width: 8%;
		display: inline-block;
		vertical-align: top;
		margin-right: 2%;
	}
	.single.categoryid-1 #contents .container #main .con_01 .cmnt .fR,
	.category-newsflash #contents .container #main .con_01 .cmnt .fR{
		width: 90%;
		display: inline-block;
	}


/********** 戻るbtn************************************/

#contents #main p.btn_back {
	width: 150px;
	height: 38px;
	margin: 0 auto;
	text-align: center;
}
#contents #main p.btn_back a {
	display: block;
	padding: 5px 0;
	background: #00c0d4;
	color: #fff;
}
#contents #main p.btn_back a:hover {
	background: #27d8ea;
}


/********** 投稿ページ single************************************/

.single #wrapper #main img {
	width: 100%;
}
.single #wrapper #main img.alignright {
	float: right;
	width: auto;
	margin-left: 10px;
	margin-bottom: 10px;
	max-width: 100%;
}
.single #wrapper #main img.alignleft {
	float: left;
	width: auto;
	margin-right: 10px;
	margin-bottom: 10px;
	max-width: 100%;
}
.single #wrapper #main .wp-caption-text {
	text-align: center;
	font-size: 12px;
	font-style: italic;
	color: #593c94;
}
.single #wrapper #main  .date{
		font-size: 12px;
		text-align:right;
	}

/********** tournament single************************************/

.single-tournament #contents #main .con_01 dl {
	width: 98%;
	margin: 0 auto 30px;
	border-bottom: 1px solid #ccc;
}
.single-tournament #contents #main .con_01 dt {
	padding: 10px 0;
	text-align: center;
	background: #F5F5F5;
	border-top: 1px solid #ccc;
	font-weight: bold;
}
.single-tournament #contents #main .con_01 dd {
	padding: 10px 1%;
}

/******** topics single ***********************************/
.single-topics #contents .container #main .con_01 .inner .date {
	text-align: right;
	font-size: 12px;
}
.single-topics #contents .container #main .con_01 .inner h2 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
}
.single-topics #contents .container #main .con_01 .inner dl.kakubu {
	margin-top: 10px;
		margin-bottom: 40px;
padding: 5px 10px;
font-size: 12px;
line-height: 16px;
background: #F7F7F7;
vertical-align: middle;
display: table;
}
.single-topics #contents .container #main .con_01 .inner dl.kakubu dt {
padding: 2px 0;
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 11px;
color: #fff;
}
.single-topics #contents .container #main .con_01 .inner dl dt.kakubu  span{
padding: 2px;
background: #593c94;
}
.single-topics #contents .container #main .con_01 .inner dl dd.kakubu {
width: 85%;
padding: 2px 4px;
margin-bottom: 20px;
display: table-cell;
}
.single-topics #contents .container #main .con_01 .inner dl dd.kakubu span {
float: left;
margin-right: 5px;
padding-right: 7px;
position: relative;
}
.single-topics #contents .container #main .con_01 .inner dl dd.kakubu span:before {
	position: absolute;
	right: -0;
	content: "|";
}
.single-topics #contents .container #main .con_01 .item_text {
	padding: 0px 0px 0;
}
.single-topics #contents .container #main .main_con{
	clear:both;
}
/********** tournament single************************************/

.single #contents.clomun2.newsflash #main .img div {
	width: 80%;
	margin: 0 auto 20px;
}
.single #contents.clomun2.newsflash #main .read{
	width: 70%;
	margin: 0 auto 20px;
	padding: 10px 0;
	background: #00c0d4;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	}
.single #contents.clomun2.newsflash #main .cmnt{
	padding: 10px;
	background: #F3F3F3;
	}

.single #contents.clomun2.newsflash #main .cmnt .fL{
	width: 20%;
	display: inline-block;
	vertical-align: top;
	padding-top: 5px;
	}
.single #contents.clomun2.newsflash #main .cmnt .fR{
	width: 78%;
	display: inline-block;
	margin-left: 2%;
		font-size: 11px;

	}

  /******** 投稿single  sns アイコン **********/
   #contents #main  ul.iconsns{
     margin: 100px 0 50px;
     text-align: center;
  }
 #contents #main  ul.iconsns li{
    display: inline-block;
    width: 50px;
    margin:0 20px;
  }

/******** 投稿single  peger **********/
.single .navigation {
	clear: both;
	position: relative;
	margin: 50px 0 30px;
}
.single .navigation .float-r,
.single .navigation .float-c,
.single .navigation .float-l {
	position: absolute;
}
.single .navigation .float-r {
	right: 0;
}
.single .navigation .float-c {
margin: 0 auto ;
width: 100%;
text-align: center ;
}
.single .navigation .float-l {
	left: 0;
}
/*********form base**********************************/
input{
	width: 97%;
    height: 35px;
    margin:3px 1%;
    line-height: 35px;
	font-size:16px !important;
	-webkit-appearance: none;
}
input#yy,
input#yy2{width:35%;}

select {
	margin-bottom:5px;
    height: 40px;
    line-height: 40px;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-indent: 1em;
    background:#EEE url(../img_common/arw_select_down.png) no-repeat;
    background-size:20px 10px;
    background-position: right center;
    width: 50px;
    vertical-align: middle;
    border:1px solid #CCC;
    font-size:16px !important;
}
@-moz-document url-prefix() { /* for firefox */
    .content select {
        background:none;
        background-color: #FFF;
    }
}
select#playclub{
	width:100% !important;
}

/* -- submitボタン -- */

input[type="submit"] {
	width:60%;
	height:40px;
	text-align:40px;
   margin:20px 20%;
   background: #00c0d4;
   color:#fff;
   text-align:center;
   	box-shadow: none;
}


/* -- チェックボックス・ラジオボタン -- */
input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    line-height: 28px;
    cursor: pointer;
}

@media (min-width: 1px) {
    input[type=checkbox] {
        display: none;
        margin: 0;
    }
    input[type=checkbox] + label {
        padding: 0 0 0 30px;
    }
    input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
		-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width:  28px;
        height: 28px;
        margin-top: -15px;
        background-color: white;
    }
    input[type=checkbox] + label::before {
        border: 2px solid #b5b5b5;
    }
    input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    input[type=checkbox]:checked + label::after {
        left: 3px;
        width: 16px;
        height: 8px;
        margin-top: -8px;
		margin-left:3px;
        border-left: 3px solid #12b4eb;
        border-bottom: 3px solid #12b4eb;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}
/* -- チェックボックス・ラジオボタン end -- */



   /******** OPEN CAMPAS  一覧ページ**********/
 #contents.oc .pc_only {
  display: none;
 }

 #contents.oc #main {
  background: #00c0d4;
 }
 #contents.oc .con_01 .inner, #contents.oc .con_02 .inner, #contents.oc .con_03 {
  width: 100%;
  margin: 0 auto;
  position: relative;
 }
 #contents.oc .container #main h2 {
  margin: 0 auto 30px;
  padding-bottom: 20px;
  border: none;
  background: url("https://tsa.tsukuba.ac.jp/wp-content/uploads/2020/08/oc_line.jpg") repeat-x bottom;
  background-size: 5px auto;
  color: #fff;
  font-size: 30px;
 }
 #contents.oc .container #main h2::after {
  border: none;
 }
 #contents.oc .con_01 {
  padding: 70px 0;
  background: url("https://tsa.tsukuba.ac.jp/wp-content/uploads/2020/08/oc_c01_bg_sp.png") no-repeat;
  background-size: auto 100%;
  text-align: center;
 }
 #contents.oc .container #main .con_01 h2 {
  color: #00c0d4;
 }
 #contents.oc .container #main .con_02 {
  margin-top: 50px;
 }
 #contents.oc .container #main .con_02 .box {
  margin-bottom: 40px;
 }
 #contents.oc .container #main .con_02 ul li {
  display: inline-block;
  vertical-align: top;
  width: 45%;
  margin-bottom: 42px;
 }
 #contents.oc .container #main .con_02 ul li:nth-child(1n), #contents.oc .container #main .con_02 ul li:nth-child(2n) {
  margin-left: 2%;
 }
 #contents.oc .container #main .con_02 ul li h3 {
  height: 40px;
  line-height: 40px;
  color: #008c9e;
  text-align: center;
  font-size: 18px;
  background: #f7f5f3;
  border-radius: 10px 10px 0 0;
 }
 #contents.oc .container #main .con_02 ul li a:hover h3 {
  background: #fff;
 }
 #contents.oc .container #main .con_03 {
  padding-bottom: 120px;
 }
 #contents.oc .container #main .con_03 ul.link01 li {
  width: 80%;
  margin: 0 auto 50px;
  text-align: center;
  border-radius: 6px;
  font-size: 22px;
  line-height: 1.3;
 }
 #contents.oc .container #main .con_03 ul.link01 li span {
  display: block;
  font-size: 16px;
 }
 #contents.oc .container #main .con_03 ul.link01 li a {
  display: block;
  padding: 24px 0;
  color: #00c0d4;
  border-radius: 6px;
  background: #fff url("https://tsa.tsukuba.ac.jp/wp-content/uploads/2020/08/ocd_icon_arrow.png") no-repeat 96% 1.3em;
   background-size: 4vw;
  box-shadow: 6px 6px #088ea0;
 }
 #contents.oc .container #main .con_03 ul.link01 li a:hover {
  background: #ffffe3 url("https://tsa.tsukuba.ac.jp/wp-content/uploads/2020/08/ocd_icon_arrow.png") no-repeat 96% 1.1em;
      background-size: 4vw;
 }
 #contents.oc .container #main .con_03 ul.link01 li:nth-child(1) a {
  padding: 14px 0;
 }
 #contents.oc .container #main .con_03 ul.link02 {
  position: relative;
  width: 80%;
  margin: 100px auto 0;
 }
 #contents.oc .container #main .con_03 ul.link02 li:nth-child(1) {
  margin: 50px auto 20px;
 }
 #contents.oc .container #main .con_03 ul.link02 li:nth-child(2) {
   margin: 0 auto;
  border-radius: 6px;
  font-size: 22px;
  line-height: 1.3;
  text-align: center;
 }
 #contents.oc .container #main .con_03 ul.link02 li:nth-child(2) a {
  display: block;
  padding: 24px 0;
  color: #fff;
  border-radius: 100px;
  background: #624699 url("https://tsa.tsukuba.ac.jp/wp-content/uploads/2020/08/ocd_icon_arrow.png") no-repeat 96% 1.2em;
      background-size: 4vw;
  box-shadow: 6px 6px #088ea0;
 }
 #contents.oc .container #main .con_03 ul.link02 li:nth-child(2) a:hover {
  background: #fff url("https://tsa.tsukuba.ac.jp/wp-content/uploads/2020/08/ocd_icon_arrow.png") no-repeat 96% 1.2em;
      background-size: 4vw;
  color: #624699;
 }
 #contents.oc .container #main .con_03 ul.link02 li:nth-child(3) {
  width: 30%;
   margin: 0 auto;
 }
 #contents.oc .container #main .con_01 .movie_01,
  #contents.oc .container #main .con_01 .movie_02  {
   position: relative;
   width: 94%;
   padding-top: 56.25%;
   margin: 0 auto 20vw;
 }
 #contents.oc .container #main .con_01 .movie_01  iframe,
  #contents.oc .container #main .con_01 .movie_02  iframe {
   position: absolute;
   top: 0;
   right: 0;
   width: 100% !important;
   height: 100% !important;
 }

   /******** OPEN CAMPAS  詳細ページ**********/
 #contents.oc_dtl .pc_only {
  display: none;
 }
 #contents.oc_dtl img {
   width: 100%;
 }


 #contents.oc_dtl .con_head .inner {
  margin: 0 auto;
  position: relative;
     font-size: calc(100vw / (800 / 36));
 }

 #contents.oc_dtl .container {
  background: #00c0d4;
  padding: 70px 0;
 }
 #contents.oc_dtl .container #main {
    width: calc(100vw / (800 / 730));
   margin: 0 auto;
 }
 #contents.oc_dtl .container #main h2 {
  width: calc(100vw / (800 / 730));
  margin: 0 auto;
  border: none;
	text-align: center;
	font-size:calc(100vw / (800 / 60));
	font-weight: normal;
	color:#fff;
 }
 #contents.oc_dtl .container #main h2 span{
	 display: block;
	 font-size:calc(100vw / (800 / 36));
 }
 #contents.oc_dtl .container #main h2::after {
  border: none;
 }
 #contents.oc_dtl .container #main .inner {
  background: #fff url("https://tsa.tsukuba.ac.jp/wp-content/uploads/2020/08/oc_line.jpg") repeat-x bottom;
  position: relative;
  margin: 8vw auto 20vw;
  padding: calc(100vw / (800 / 80))  calc(100vw / (800 / 30)) ;
	font-size:calc(100vw / (800 / 30));
 }
 #contents.oc_dtl .container #main .inner::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 20px;
  background: url("https://tsa.tsukuba.ac.jp/wp-content/uploads/2020/08/oc_line.jpg") repeat-x;
  position: absolute;
  top: 0px;
  left: 0;
 }
 #contents.oc_dtl .container #main .con_01 .inner {
  font-size: calc(100vw / (800 / 34));
  line-height: 1.6;
 }
 #contents.oc_dtl .container #main .con_01 .inner .fL {
     margin-bottom: 20px;
 }
 #contents.oc_dtl .container #main .con_01 .inner .fR {
 }
 #contents.oc_dtl .container #main .con_01 .inner .fL dt {
  width: calc(100vw / (800 / 180));
  margin-bottom: 20px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #00c0d4;
  border-radius: 4px;
  text-align: center;
  color: #00c0d4;
 }
 #contents.oc_dtl .container #main .con_01 .inner .fL dd {
  width: calc(100vw / (800 / 400));
   display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
 }
 #contents.oc_dtl .container #main .con_01 .inner .fR dt {
  background: #00c0d4;
  margin-bottom: 20px;
  color: #fff;
  border-radius: 4px;
  text-align: center;
 }
 #contents.oc_dtl .container #main .con_01 .inner .fR ul li {
  margin-bottom: 10px;
 }

#contents.oc_dtl .container #main .con_02 .movie  {
  position: relative;
  width: 94%;
  padding-top: 56.25%;
  margin: 0 auto 20vw;
}
  #contents.oc_dtl .container #main .con_02  h2{
margin-bottom: 10vw;
  }
#contents.oc_dtl .container #main .con_02 .movie  iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}



 #contents.oc_dtl .container #main .con_03 {
  line-height: 1.8;
        font-size: calc(100vw / (800 / 36));

 }
 #contents.oc_dtl .container #main .con_03 .inner ul {
  text-align: center;
   line-height: 2;
        font-size: calc(100vw / (800 / 30));
 }
 #contents.oc_dtl .container #main .con_03 .inner ul li {
  display: inline-block;
  margin-right: 10px;
  padding-left: 20px;
  position: relative;
 }
 #contents.oc_dtl .container #main .con_03 .inner ul li::before {
  content: "";
  display: inline-block;
  background: url("https://tsa.tsukuba.ac.jp/wp-content/uploads/2020/08/ocd_icon_human.png") no-repeat;
  background-size: 100% auto;
  width: 12px;
  height: 35px;
  position: absolute;
  top: -2px;
  left: 0;
 }
 #contents.oc_dtl .container #main .con_03 .inner h3 {
  margin: 50px auto 20px;
  font-weight: bold;
  color: #00c0d4;
	font-size:calc(100vw / (800 / 30));
 }
 #contents.oc_dtl .container #main .con_03 .inner dl {
  margin-bottom: 20px;
		font-size:calc(100vw / (800 / 30));
 }
 #contents.oc_dtl .container #main .con_03 .inner dt {
  float: left;
  display: inline;
  padding-right: 20px;
 }
 #contents.oc_dtl .container #main .con_03 .inner dt.member01 {
  color: #b618ff;
 }
 #contents.oc_dtl .container #main .con_03 .inner dt.member02 {
  color: #ff3469;
 }
 #contents.oc_dtl .container #main .con_03 .inner .img {
  width: 100%;
  margin: 20px auto;
 }
 #contents.oc_dtl .container #main .con_04 .inner dt, #contents.oc_dtl .container #main .con_04 .inner dd {
  position: relative;
  margin-left: 30px;
    line-height: 1.8;
        font-size: calc(100vw / (800 / 30));
 }
 #contents.oc_dtl .container #main .con_04 .inner dt {
  margin-bottom: 10px;
  color: #00c0d4;
 }
 #contents.oc_dtl .container #main .con_04 .inner dd {
  margin-bottom: 30px;
 }
 #contents.oc_dtl .container #main .con_04 .inner dt::before {
  content: "Q";
  color: #00c0d4;
  position: absolute;
  left: -20px;
 }
 #contents.oc_dtl .container #main .con_04 .inner dd::before {
  content: "A";
  color: #624699;
  position: absolute;
  left: -20px;
 }
 #contents.oc_dtl .container #main .con_05 h2 {
  width: 60%;
   margin: 0 auto;
 }
 #contents.oc_dtl .container #main .con_05 ul {
  text-align: center;
  margin: 20px auto 50px;
 }
 #contents.oc_dtl .container #main .con_05 ul li {
  width: 25%;
  display: inline-block;
  margin: 0 10px;
 }
 #contents.oc_dtl .container #main .con_05 .btn_01 {
  width: 90%;
  margin: 0 auto 50px;
  text-align: center;
  border-radius: 6px;
  background-size: 24px;
  font-size: 22px;
 }
 #contents.oc_dtl .container #main .con_05 .btn_01 a {
  display: block;
  padding: 20px 0;
  color: #00c0d4;
  border-radius: 6px;
  background: #fff url("https://tsa.tsukuba.ac.jp/wp-content/uploads/2020/08/ocd_icon_arrow.png") no-repeat 350px 2em;
  box-shadow: 6px 6px #088ea0;
 }
 #contents.oc_dtl .container #main .con_05 .btn_01 a:hover {
  background: #ffffe3 url("https://tsa.tsukuba.ac.jp/wp-content/uploads/2020/08/ocd_icon_arrow.png") no-repeat 350px 2em;
 }
 #contents.oc_dtl .container #main .con_05 .btn_02 {
  width: 50%;
  margin: 0 auto 50px;
 }


 /******** 学園祭**********/
 #sohosai2021  #contents{
	 padding-bottom: 0 !important;
 }
 #contents #fes2021 {
	 background: #f3f3f3 url("https://tsa.tsukuba.ac.jp/wp-content/themes/tsa/images/sohosai2021/sohosai_bg_sp.jpg") no-repeat bottom;
	 background-size: 100% cover;
}
#contents #fes2021 p {
	font-size:  calc(100vw / (800 / 36)) ;
}
 #contents #fes2021 .key {
	 margin-bottom: 40px;
 }
 #contents #fes2021 .inner {
	 width: calc(100vw / (800 / 700)) ;
		background: #fff;
	 margin: 0 auto 50px;
	 border: 3px solid #0ec3d6;
	 text-align: center;
	 font-size:  calc(100vw / (800 / 36)) ;
}
 #contents #fes2021 .inner.c01 {
	 background: #f3f3f3 url("https://tsa.tsukuba.ac.jp/wp-content/themes/tsa/images/sohosai2021/sohosai_c01_bg.jpg") no-repeat;
	 background-size: 120% auto;
	 background-position: 0 calc(100vw / (800 / 310)) ;
	 text-align: center;
}
 #contents #fes2021 .inner.c01 h2{
	 margin: 40px auto 10px;
	 text-align: center;
	 font-size:calc(100vw / (800 / 46)) ;
	 font-weight: bold;
	 color: #000;
 }

 #contents #fes2021 .inner.c01 ul{
	 width: calc(100vw / (800 / 660)) ;
	 margin: 0 auto 40px;
 }
 #contents #fes2021 .inner.c01 ul li{
	 margin-bottom: calc(100vw / (800 / 40)) ;
 }
 #contents #fes2021 .inner.c01 .img{
	 margin: 0;
	 padding: 0;
 }
 #contents #fes2021 .inner.c01 .img img{
	 vertical-align: bottom;
 }


#contents #fes2021 .inner.c02 {
	text-align: center;
	color: #0ec3d6;
}
#contents #fes2021 .inner.c02 h2{
	margin: 40px auto 10px;
	text-align: center;
	font-size: calc(100vw / (800 / 46)) ;
	font-weight: bold;
	color: $#0ec3d6;
}
#contents #fes2021 .inner.c02 ul{
	width: calc(100vw / (800 / 660)) ;
	margin: 0 auto 40px;
}
#contents #fes2021 .inner.c02 ul li{
	margin-bottom: calc(100vw / (800 / 40)) ;
}


#contents #fes2021 .c03 {
	text-align: center;
	color: #0ec3d6;
}
#contents #fes2021 .c03 h2{
	font-size:calc(100vw / (800 / 46)) ;
}
#contents #fes2021 .c03 .movie{
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}
#contents #fes2021 .c03 .movie iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
#contents #fes2021 .c03 h2{
	margin: 40px auto 10px;
	text-align: center;
	font-weight: bold;
	color: $#0ec3d6;
}
#contents #fes2021 .c04 {
	width:calc(100vw / (800 / 660)) ;
	margin: 0 auto;
	padding-bottom: 100px;
}
#contents #fes2021 .c04 ul li{
	margin-bottom: 30px;
}

/*****/



/*****************アカデミー + マルチスポーツ*****************************/
#academy p,
#maltisports2024 p,
#maltisports2024 table{
	line-height: calc(100vw / (800 / 50));
  font-size: calc(100vw / (800 / 30));
}
#academy h2,
#maltisports2024 h2{
	border: none !important;
	letter-spacing: 0.2em;
	font-size:  calc(100vw / (800 / 38));
	color: #00c0d4;
}
#academy h2::after,
#maltisports2024 h2::after{
	border: none !important;
}
#academy #main,
#maltisports2024 #main{
	width: calc(100vw / (800 / 720));
	margin: 0 auto;
}
#academy h1,
#maltisports2024 h1{
	margin-bottom:  calc(100vw / (800 / 50));
}
#academy #main .co_in,
#maltisports2024 #main .co_in{
	margin-bottom:  calc(100vw / (800 / 100));
}


/***** アカデミー　***************/
/****co_01***/
#academy .co_01 h2,
#maltisports2024 .co_01 h2{
	letter-spacing: 0;
	font-size:  calc(100vw / (800 / 36)) !important;
	color: #00c0d4;
}
/****co_02***/
#academy .co_02{
	margin-bottom:  calc(100vw / (800 / 100));
}
#academy #main .co_02 h2{
  margin-bottom:calc(100vw / (800 / 50));
  border: none;
  text-align: center;
  font-size:  calc(100vw / (800 / 60));
  color: #00c0d4;
}

#academy #main .co_02 h3{
  width: calc(100vw / (800 / 600));
  height:calc(100vw / (800 / 120));
  background: #00c0d4;
  border-radius: 100px;
  line-height: calc(100vw / (800 / 120));
  text-align: center;
  font-size: calc(100vw / (800 / 36));
  color: #fff;
	position: relative;
	left: calc(100vw / (800 / -20));
	z-index: 1;
}
#academy #main .co_02 .box .img{
	position: relative;
	top: calc(100vw / (800 / -20));
	z-index: 999;
}

#academy #main .co_02 .box02 .img{
	margin-bottom: calc(100vw / (800 / 50));
}


/***:c03********/
#academy #main .co_03{
  margin-bottom: 180px;
  padding: calc(100vw / (800 / 50));
  border: 3px solid #00c0d4;
  border-radius: 20px;
}
#academy #main .co_03 h3{
	margin-bottom: calc(100vw / (800 / 40));
  letter-spacing: 0.2em;
  font-size: calc(100vw / (800 / 32));
  color: #00c0d4;
}
#academy #main .co_03 dl{
  color: #00c0d4;
	font-size: calc(100vw / (800 / 28));
}
#academy #main .co_03 dl dt{
}

#academy #main .co_03 dl dd{
  color: #00c0d4;
}
#academy #main .co_03 dl dd a{
  color: #00c0d4;
  text-decoration: underline;
}
#academy #main .co_03 dl dd a:hover{
  text-decoration: none;
}

/***** マルチスポーツ******/


#maltisports2024 #main .co_01 h3{
  width:calc(100vw / (800 / 720));
  margin: 0 auto;
  padding: 20px 0;
  background: #f7931e;
  border-radius: 100px;
  text-align: center;
  color: #fff;
  font-size:calc(100vw / (800 / 36));
}
#maltisports2024 #main .co_01 .box{
	margin-bottom:calc(100vw / (800 / 100));
}
#maltisports2024 #main .co_01 h4{
	margin-bottom:calc(100vw / (800 / 50));
}
#maltisports2024 #main .co_01 .fs{
	font-size: calc(100vw / (800 / 28));
}

#maltisports2024 .co_02 h2{
	font-size:  calc(100vw / (800 / 60)) !important;
}
#maltisports2024 #main .co_02 table{
	margin-bottom: calc(100vw / (800 / 100)) ;
}

#maltisports2024 .co_02 th,
#maltisports2024 .co_02 td{
	display: block;
}
#maltisports2024 #main .co_02 table th{
	border-top: 1px solid #00c0d4;
  padding: calc(100vw / (800 / 5)) calc(100vw / (800 / 30)) ;
	text-align: left;
  background: #e5f9fb;
	letter-spacing: 0.09em;
	font-weight: bold;
  color: #00c0d4;
}
#maltisports2024 #main .co_02 table td{
  padding:  calc(100vw / (800 / 30)) ;
}
#maltisports2024 #main .co_02 table td p.fs{
	padding-top: 1em;
	font-size: calc(100vw / (800 / 28));
}



#maltisports2024 #main .co_02 .btn_area p.btn {
  width:calc(100vw / (800 / 720));
  margin: 0 auto 10px;
  text-align: center;
  font-size: calc(100vw / (800 / 40));
}
#maltisports2024 #main .co_02 .btn_area p.btn a{
  display: block;
  padding:20px 0;
  background: #00c0d4;
  border-radius: 20px;
  color: #fff;
  text-decoration: none;
  position: relative;
}
#maltisports2024 #main .co_02 .btn_area p.btn a::after{
  content: "";
  display: inline-block;
  width: calc(100vw / (800 / 100));
  height:calc(100vw / (800 / 100));
  background: url("/wp-content/themes/tsa/images/academy_arrow.svg") no-repeat;
  background-size: calc(100vw / (800 / 100));
  position:absolute;
  top:calc(100vw / (800 / 14));
  right: 10px;
}
#maltisports2024 #main .co_02 .btn_area p.btn a:hover{
  background: #624699;
}

#maltisports2024 #main .co_02 .btn_area p.fs{
  text-align: center;
  font-size: calc(100vw / (800 / 24));
}


/*****/
}