@charset "UTF-8";
html {
-webkit-text-size-adjust: 100%;
padding:0;
margin:0;
}

body{
	padding:0;
	margin:0 auto;
	
	background:#fff;
}

img {
	width: 100%;
	height: auto;
	vertical-align:bottom;
}

#all {background:#fff;}

.fred {color:#FF0004;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::
header
:::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#header {
	position: fixed;
	width:100%;
  	z-index: 999;
}

#header #headerSet {
	position:relative;
}

#header #menuB {
	width:12.5%;
	height:100%;
	background:#78000b;
	position:absolute;
	top:0;
	right:0;
	z-index:10;
}

#header p {
	border-bottom:#c9c9c9 1px solid;
}

#header #menu {
	background:#78000b;
	position:inherit;
	width:100%;
	z-index:11;
}
#header #menu {
	overflow:scroll;
	height:auto;
}
@media screen and (orientation:landscape) {
    #header #menu {
		overflow:scroll;
	}
}

#header #menu ul li {
	border-bottom:#fff 1px solid;
}

#header #menu ul.sub {display:none;}

#header #menu ul.sub li {
	border-top:#fff 1px solid;
	border-bottom:none;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::
footer
:::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#footer {
	padding:5% 0;
	width:100%;
	background:#f2efe6;
	text-align:center;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::
ページ共通
:::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#contents {
	padding-bottom:5%;
}

.cf:after{
content:"";
display:block;
clear:both;
}

#ReportBTN {
	width:90%;
	padding:3% 5%;
	text-align:center;
	background:#f9f7f3;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::
トップページ
:::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#News {
	border-bottom:#bfbfbf 1px solid;
	padding:2.5% 5%;
}

#News a { outline:none;}
#News a:link		{ color: #78000b; text-decoration:underline; }
#News a:visited	{ color: #78000b; }
#News a:hover		{ color: #78000b;text-decoration: none; }
#News a:active	{ color: #000; }

#main h1 {
	opacity:0;
}

#main {
	position:relative;
}

#main p.ribon {
	position:absolute;
	top:0;
	left:0;
}
	
table {
	margin:2.5% auto;
	width:95%;
}

table,
table td {
	border:#bfbfbf 1px solid;
}

table img {width:100%;height:auto;}

#Slide {
	border-bottom:#bfbfbf 1px solid;
}
#Slide img {
	display:none;
}

#slider-back {
	float:left;
	width:50%;
}
#slider-next {
	float:right;
	width:50%;
}
.slider-back img,
.slider-next img {
	width:50%
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::
プレジェクト　スタート
:::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
body#about #projectStart {
	margin:5% auto 0;
	width:95%;
}

body#about #projectStart h1 {
	font-size:18px;
	font-weight:bold;
	letter-spacing:0em;
}

body#about #projectStart p {
	margin:5% auto;
	width:90%;
}

body#about #projectStart p.sign {
	text-align:right;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::
イベント
:::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
body#event #eventContents {
	margin:5% auto 0;
	width:95%;
	font-size:14px;
}

body#event #eventContents p {
	margin:5% auto;
	width:90%;
}

body#event #eventContents p.info_txt {
	line-height:2;
}

body#event #eventContents ul {
	margin:0 auto;
	width:90%;
	font-size:10px;
}

body#event #eventContents h3 {
	margin:5% 0 0;
	padding:3%;
	color:#fff;
	font-size:14px;
	background:#000;
	text-align:center;
}

body#event #event_detail_set {
	padding:0;
	width:95%;
	margin:0 auto;
	font-size:12px;
}

body#event #eventContents #event_detail #event_detail_set p {
	padding:5% 0;
	margin:0;
	text-align:left;
	font-size:12px;
}

body#event #eventContents #event_detail #event_detail_set table {
	width:100%;
	padding:0;
	margin:0 0 5%;
}

body#event #eventContents #event_detail #event_detail_set table th {
	padding:3%;
	color:#fff;
	background:#555;
	font-size:16px;
}

body#event #eventContents #event_detail #event_detail_set table td {
	padding:3%;
}

body#event #eventContents #event_detail #event_detail_set table td.title {
	background:#f3f3f3;
	text-align:center;
}

body#event #eventContents #event_detail #event_detail_set table td.img {
	padding:0;
}

body#event #eventContents #event_detail #event_detail_set table td.prof p {
	padding:0 0 2%;
	width:100%;
}

body#event #eventContents #event_detail #event_detail_set table td.prof p span {
	font-weight:bold;
}

body#event #eventContents #event_detail #event_detail_set #shedule p {
margin:0;
padding:0;
padding-bottom:2%;
text-align:left;
width:100%;
}

body#event #eventContents #event_detail #event_detail_set table.shedule {
	margin-bottom:2%;
}

body#event #eventContents #event_detail #event_detail_set #shedule {
	padding-bottom:5%;
}

body#event #eventContents #event_detail #event_detail_set #shedule ul {
	width:100%;
}

body#event #eventContents #event_detail #event_detail_set table.shedule td.title {
	text-align:left;
}

/*課題図書*/
body#event #eventContents #event_detail .kadai {
	padding-top:3%;
	width:100%;
}

body#event #eventContents #event_detail .kadai img {
	width:30%;
	float:left;
}

body#event #eventContents #event_detail .kadai p {
	width:67%;
	float:right;
	padding:0;
	margin:0;
	padding-left:3%;
}

/* 応募規約 */
body#event #eventContents #cp_term {
	width:95%;
	margin:0 auto;
}

body#event #eventContents #cp_term h2 {
	padding:5% 0;
}

body#event #eventContents #cp_term #cp_term_txt {
	margin:0 auto;
	padding:0;
	height:300px;
	border:#bbb 1px solid;
	line-height:1.8;
	overflow-y:auto;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

body#event #eventContents #cp_term #cp_term_txt p {
	padding:0;
	margin-top:2%;
	margin-bottom:0;
}

body#event #eventContents #cp_term #cp_term_txt ul {
	font-size:12px;
	padding:0;
	margin-top:0;
}

body#event #eventContents #cp_term #cp_term_txt span {
	font-weight:bold;
}

body#event #eventContents #cp_term #cp_term_txt .termBOX {
	padding-bottom:2%;
	font-size:12px;
}

body#event #eventContents #cp_term #cp_term_txt .termBOX table {
	padding:3%;
	text-align:center;
	
}

body#event #eventContents #cp_term #cp_term_txt .termBOX table td {
	padding:2%;
	border:#bbb 1px solid;
}

body#event #eventContents #cp_term #cp_term_txt .termBOX table td.browser {
	background:#f3f3f3;
}


body#event #eventBTN {
	padding:5% 0 10%;
	border-bottom:#bbbbbb 1px solid;
}

body#event #cp_info {
	margin:0 auto;
	padding-top:2.5%;
	padding-bottom:5%;
	width:90%;
	font-size:12px;
}

body#event #cp_info h3 {
	margin:3% 0 0;
	padding:0;
	background:none;
	color:#000;
	text-align:left;
}

body#event #cp_info p {
	margin:0;
	padding:0;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::
2017,1追加
イベントレポート
:::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
body.report #eventContents {
	margin:0 auto !important;
}

body.report ul.subMenu {
	padding:5% 0;
}

body.report ul.subMenu li:first-child {
	margin-bottom:5%;
}

body.report #event_detail h3 span {
	font-size:12px;
	font-weight:normal;
}
body.report #event_detail_set {
	padding-top:3% !important;
}

body.report #event_detail p {
	margin:0 auto;
	padding:0 !important;
	padding-top:3% !important;
	width:100% !important;
}

body.report #event_detail p.first {
	text-decoration: none;
	border-bottom: #000 1px solid;
	padding-bottom: 1% !important;
	display: inline;
}

body.report #event_detail p.image {
	width:50% !important;
	margin:5% auto !important;
}

body.report .Movie {
	padding:5%;
	margin-bottom:5%;
	background:#f3f3f3;
	text-align:center;
}
body.report .Movie h3 {
	border-bottom: #000 1px solid !important;
	padding-bottom: 1% !important;
	padding-left: 3%;
	padding-right: 3%;
	display: inline;
}
body.report .Movie p {
	padding:3% 0 0;
	text-align:left;
}
/*youtube*/
.video-container {
	margin-top:5%;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/**/
#ReportEvent {
	padding:0;
	width:90%;
	margin:0 auto;
	font-size:12px;
}

#ReportEvent p {
	padding:5% 0;
	margin:0;
	text-align:left;
	font-size:12px;
}
#ReportEvent table {
	width:100%;
	padding:0;
	margin:0 0 5%;
}

#ReportEvent table th {
	padding:3%;
	color:#fff;
	background:#555;
	font-size:16px;
}

#ReportEvent table td {
	padding:3%;
}

#ReportEvent table td.title {
	background:#f3f3f3;
	text-align:center;
}

#ReportEvent table td.img {
	padding:0;
}

#ReportEvent table td.prof p {
	padding:0 0 2%;
	width:100%;
}

#ReportEvent table td.prof p span {
	font-weight:bold;
}

/*課題図書*/
#ReportEvent .kadai {
	padding-top:3%;
	width:100%;
}

#ReportEvent .kadai img {
	width:30%;
	float:left;
}

#ReportEvent .kadai p {
	width:66%;
	float:right;
	padding:0;
	margin:0;
	padding-left:3%;
}



.chuuibox li { margin-left:1.0em; list-style:none; text-indent: -1.0em; }
.chuuibox li:before { content:"※"; }
.chuuibox2 li { margin-left:1.0em; list-style:none; text-indent: -1.0em; }
.chuuibox2 li:before { content:"・"; }

.mt5_per {margin-top:5%;}
.ml5_per {padding-left:5% !important;}
.mb5_per {margin-bottom:5%;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::
MENU ICON
:::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#panel-btn{
  display: inline-block;
  position: relative;
  border-radius: 50%;
  width:100%;
  height:100%;
}
#panel-btn:hover{
  
}
#panel-btn-icon{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  margin: -1px 0 0 -7px;
  background: #fff;
  transition: .2s;
}
#panel-btn-icon:before, #panel-btn-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 2px;
  background: #fff;
  transition: .3s;
}
#panel-btn-icon:before{
  margin-top: -6px;
}
#panel-btn-icon:after{
  margin-top: 4px;
}
#panel-btn .close{
  background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after{
  margin-top: 0;
}
#panel-btn .close:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#panel-btn .close:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

img.kadai2 {border:#bbb 1px solid;}


.t_center {
	padding:4%;
	text-align:center;
	border:#FF0004 1px solid;
}