html {
	font-size: 62.5%;
}
body {
		background:#ffffff;
}
body,th,td,li,dt,dd,input,select,a,p,div,span,textarea,h1,h2,h3,h4,h5,h6,label {
font-family:"游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
color:#333333;
font-size: 1.4rem;
font-weight:500;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
a {
	color:#333333;
	outline: none;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
p {
	line-height:200%;
}
.red {color:#cc0000;font-weight:700;}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?qwhct');
  src:  url('../fonts/icomoon.eot?qwhct#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?qwhct') format('truetype'),
    url('../fonts/icomoon.woff?qwhct') format('woff'),
    url('../fonts/icomoon.svg?qwhct#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*-----------------------------------------
master-layout-settings
------------------------------------------*/
.container {
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
@media screen and (max-width : 767px){
	.container {
	padding-left:16px;
	padding-right:16px;
	}
}
@media screen and (min-width : 768px){
	.container {
	width:1060px;
	padding-left:50px;
	padding-right:50px;
	}
	.container-middle {
	width:860px;
	margin-left:auto;
	margin-right:auto;
	}
}
/*-----------------------------------------
header
------------------------------------------*/
.header-belt {
	position:relative;
	z-index:1;
	height:37px;
	background-color:#000000;
	border-bottom:3px solid #ffd102;
}
.logo-trinita {
	position:absolute;
	z-index:4;
}
.header-backbtn {
	display:block;
	color:#ffffff;
	position:absolute;
	z-index:2;
	height:37px;
	line-height:37px;
}
.mainvisual {
	position:relative;
}
@media screen and (max-width : 767px){
	.logo-trinita {
	top:8px;
	width:50vw;
	}
	.logo-trinita img {
	display:block;
	max-width:100%;
	height:auto;
	}
	.header-backbtn {
	right:16px;
	display:none;
	}
	.mainvisual {
	width:100%;
	height:66vw;
	margin-bottom:48vw;
	}
	.mainvisual-inner {
	position:absolute;
	bottom:0px;
	height:66vw;
	background-image:url(../images/mainvisual-sp.jpg);
	background-position:center top;
	background-size:cover;
        margin-top: 40px;
	}
	.mainvisual h1 {
	position:relative;
	padding-top:66vw;
	height:33vw;
	width:100%;
	}
	.mainvisual h1 img {
	display:block;
	max-width:100%;
	height:auto;
	margin:0px auto;
	}
}
@media screen and (min-width : 768px){
	.header-belt {
	min-width:1060px;
	}
	.header-backbtn {
	right:0;
	}
	.logo-trinita {
	top:5px;
	left:100px;
	}
	.mainvisual {
	min-width:1060px;
	height:710px;
	}
	.mainvisual-inner {
	min-width:1060px;
	height:710px;
	background-image:url(../images/mainvisual.jpg);
	background-position:center top;
	}
	.mainvisual h1 {
	position:absolute;
	bottom:70px;
	left:50%;
	margin-left:-270px;
	z-index:5;
	}
}
.mainvisual-inner {
	background-repeat:no-repeat;
	position:relative;
	z-index:3;
}
/*-----------------------------------------
article
------------------------------------------*/
article {
	position:relative;
}
.eventdate img {
	display:block;
	width:266px;
	height:auto;
}
.pagett {
	text-align:center;
	margin:30px auto;
}
.pagest {
	text-align:center;
	margin:30px auto;
}
.pagemt {
	text-align:left;
	margin:40px auto 20px auto;
}
.pagett h1,.pagett h2,.pagett h3 {
	display:inline-block;
	border-top:3px solid #000000;
	border-bottom:3px solid #000000;
	font-weight:700;
}
.pagest h1,.pagest h2,.pagest h3 {
	font-size:1.8rem;
	padding:12px;
	display:inline-block;
	border-bottom:3px solid #000000;
	font-weight:700;
}
.pagemt h1,.pagemt h2,.pagemt h3 {
	padding:12px 0;
	display:inline-block;
	border-bottom:1px solid #000000;
	font-weight:700;
}
.eventinfo {
	width:100%;
	margin-top:100px;
}
.eventinfo tr:nth-child(even) {
	background:#f0f0f0;
}
.eventinfo th {
	position:relative;
	background:#000000;
	color:#ffffff;
	padding-left:100px;
	padding-top:12px;
	padding-bottom:12px;
	padding-right:12px;
	font-size:larger;
	text-align:left;
}
.eventinfo th:before {
	content:"";
	background-image:url(../images/icon-neetan.png);
	width:172px;
	height:92px;
	position:absolute;
	top:-60px;
	left:0px;
	z-index:2;
}
.eventinfo td {
	text-align:left;
}

@media screen and (max-width : 767px){
	.eventdate img {
	margin:0px auto 20px auto;	
	}
	.pagett h1,.pagett h2,.pagett h3 {
	font-size:2.4rem;
	letter-spacing:0.2em;
	padding:12px;
	}
	p.largetext {
	font-size:1.6rem;
	line-height:200%;
	font-weight:700;
	}
	.eventinfo td {
	padding:8px;
	display:block;
	}
	.pagemt h1,.pagemt h2,.pagemt h3 {
	font-size:1.8rem;
	}
	.tt-caution {
	font-size:1.8rem;
	}
}
@media screen and (min-width : 768px){
	.eventdate img {
	margin:50px auto 30px auto;	
	}
	.pagett h1,.pagett h2,.pagett h3 {
	font-size:3.6rem;
	letter-spacing:0.3em;
	padding:18px;
	}
	p.largetext {
	font-size:1.8rem;
	line-height:200%;
	font-weight:700;
	}
	.eventinfo td {
	padding:12px;
	}
	.pagemt h1,.pagemt h2,.pagemt h3 {
	font-size:2.4rem;
	}
	.tt-caution {
	font-size:2.4rem;
	}
}

.caution {
	color:#cc0000;
	background:#eedada;
	line-height:150%;
	padding:15px;
	margin:30px auto;
}
.tt-caution {
	color:#cc0000;
	margin:30px auto;
	font-weight:700;
}
.deepprofile img {
	display:block;
	margin:50px auto;
	width:243px;
	height:auto;
}
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
/*-----------------------------------------
pageback
------------------------------------------*/
.pagebackswitch {
	position: fixed;
	z-index:1001;
	text-align:center;
	bottom:10px;
	right: 10px;
	width:40px;
	height:40px;
	-webkit-animation: pageback 0.4s;
	animation: pageback 0.4s;
	overflow:hidden;
}
@-webkit-keyframes pageback { 
  0%   { -webkit-transform:  translate(0px, 80px) ;}
  100%  { -webkit-transform:  translate(0px, 0px);}
}
@keyframes pageback { 
  0%   { transform:  translate(0px, 80px) ;} 
  100%  { transform:  translate(0px, 0px);} 
} 
.pagebackswitch a {
	display:block;
	width:40px;
	height:40px;
	border-radius:40px;
	background-color:#111111;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position:relative;
}
.pagebackswitch a:before {
	position:absolute;
	top:0px;
	left:0px;
	font-family: 'icomoon' !important;
	content: "\f106";
	color:#ffffff;
	font-size:20px;
	text-indent:0px;
	text-align:center;
	width:40px;
	height:40px;
	line-height:35px;
}
.pagebackswitch a:hover {
	color:#111111;
	background-color:#ffffff;
}
.pagebackswitch a:hover:before {
	color:#111111;
}