@charset "UTF-8";

/* base
----------------------------------------------- */
html{font-size: 62.5%;/*1em:10px*/}

body{margin:0;
	padding:10px 0 0 0;
	text-align:left;
	background:#fff;
	font-family:"メイリオ","Mayryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Helvetica,Verdana,sans-serif;
	font-size: 1.6em;/*16px*/
	position: relative;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;/*iPhone fix*/}

/* IE8 */
article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary{
	margin:0;
	padding:0;
	display:block;}

table{font-size:inherit;
	border-collapse:collapse;
	border-spacing:0;}

th{margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	text-align: left;}

img{border:0;
	line-height:1;
	vertical-align:bottom;
	-ms-interpolation-mode: bicubic !important;}

a:link img,
a:visited img,
a:active img,
a:hover img{outline:none;
	overflow:hidden;}
	
strong{font-weight:bold;}
h1,h2,h3,h4{font-weight:normal;}

*, *:before, *:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

	
ruby{ruby-align:distribute-space;
	ruby-overhang:none;
	ruby-position:above;
	line-height:1.2;}
	
.justify{text-align:justify;
	text-justify:inter-ideograph;}

::selection{background:#000; color:#fff;}
::-moz-selection{background:#000; color:#fff;}

/* clearfix
----------------------------------------------- */
.clearfix:before,
.clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

/* content
----------------------------------------------- */
#content{width:100%;
	margin:0;
	padding:0;
	overflow: hidden;}
	
section{width:100%;
	margin:0;
	padding:0;
	position: relative;}

.main{width:980px;
	margin:0 auto;
	padding:0;
	text-align:left;}

.mainL{width:47.5%;
	margin:0;
	padding:0;
	float:left;}
	
.mainR{width:47.5%;
	margin:0;
	padding:0;
	float:right;}

.mainFT2L{width:60%;
	margin:0;
	padding:0;
	float:left;}

.mainFTR{width:35%;
	margin:0;
	padding:0;
	float:right;}

.mainFTL{width:35%;
	margin:0;
	padding:0;
	float:left;}

.mainFT2R{width:60%;
	margin:0;
	padding:0;
	float:right;}
	
.mainW{width:100%;
	margin:0 auto;
	padding:0;}

.mainWL{width:47.5%;
	margin:0;
	padding:0;
	height:100%;
	overflow: visible;
	float:left;}
	
.mainWR{width:47.5%;
	margin:0;
	padding:0;
	float:right;}

/* footer
----------------------------------------------- */
#footer{width:100%;
	margin:0;
	padding:1.25em;
	text-align:center;
	background:#000;
	}

#footer small{margin:0;
	font-size:77%;
	color:#fff;
	letter-spacing:0.06em;
	line-height:1.2;}

#footerbg{width:100%;
	height: 5px;
	margin: 0;
	padding: 0;
	background: #fff  url("image/bg02.png") 50% bottom repeat-x;
	position:relative;}

/* navsp
----------------------------------------------- */
.closed{top:0;
	right: 0;
	width:50px;
	height:50px;
	cursor:pointer;
	position: absolute;}


/* sc
----------------------------------------------- */
.scbg01{background:#f4f4f4;}
.scbg02{background:#fff; border-top: #146414 5px solid;}

/* sr
----------------------------------------------- */
.sr_lfi,.sr_rfi,.sr_fi,.sr_fi2{visibility: hidden;}


/* title
----------------------------------------------- */
#titlebg{width:100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #fff;
	background-size: cover;
	position:relative;}

#title{max-width:2000px;
	margin: 0 auto;
	position:relative;}


/* home
----------------------------------------------- */
.tw iframe[id^='twitter-widget-']{
	max-width: 100% !important;
	width:100% !important;}

#home_topics{margin:0;
	padding:0 25px 0 0;
	height:40px;
	font-size:75%;
	overflow:auto;
	overflow-x:hidden;}

.ta_hometopics{width:100%;
	margin:0;
	border-collapse:collapse;}

.ta_hometopics td{padding:0.5em 1em;
	vertical-align:top;
	border-collapse:collapse;}
	
.td_hometopics{border-bottom:#000 1px dotted;}

.td_hometopicshl{width:50px;
	border-bottom:#000 1px solid;
	white-space:nowrap;}

.info{padding: 2em;
	border:#ddd 1px solid;
	border-radius: 10px;}

/* outline
----------------------------------------------- */
.ta_outline{width:100%;
	margin:0;
	border-collapse:separate;
	border-spacing:0;}

.td_outlineL{width:24%;
	padding:1.25em;
	vertical-align:middle;
	border-top:#ccc 1px solid;
	white-space:nowrap;
	text-align:center;}

.td_outlineR{padding:1.25em;
	vertical-align:middle;
	border-top:#ccc 1px dotted;}
	
.td_outlineLD{border-bottom:#ccc 1px solid;}
.td_outlineRD{border-bottom:#ccc 1px dotted;}
.td_outlineLU{padding-top:0; border-top:none;}
.td_outlineRU{padding-top:0; border-top:none;}



/* p,h,ul
----------------------------------------------- */
p{margin:0;
	padding:0;
	font-size:100%;/*16px*/
	color:#000;
	letter-spacing:0.05em;
	line-height:1.75;}

.fxxs{font-size:63%;}/*10px*/
.fxs{font-size:75%;}/*12px*/
.fs{font-size:82%;}/*13px*/
.fn{font-size:94%;}/*13px*/
.fl{font-size:113%;}/*18px*/
.fxl{font-size:125%;}/*20px*/

.alignL{text-align:left;}
.alignC{text-align:center;}
.alignR{text-align:right;}

.red{color: #b6001a;}
.green{color: #395b37;}
.green2{color: #3d9138;}
.purple{color: #6b146f;}
.gold{color: #9f7f5b;}
.white{color: #fff;}

.wsno{white-space: normal;}

.wsnr span{white-space:nowrap;
	display:inline-block;}
	
.wb{word-break:break-all;}	
.s{text-decoration: line-through;
	position: relative;}
	
.mincho{font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

h1{margin:0 0 1em;
	padding:0 0 0.65em 0;
	font-size:188%;/*24px*/
	line-height:1.4;
	color:#000;
	/*border-bottom: #000 1px solid;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	text-align: center;
	position: relative;}

.h1s::after{	bottom: -7px;
	left: 50%;
	content: " ";
	height: 16px;
	width: 16px;
	position: absolute;
	pointer-events: none;
	background: #bc2a38;
	border-radius: 50%;
	margin-left: -12px;
	z-index:-1;}
	
.h1s::before{bottom: 0;
	left: 0;
	content: " ";
	height: 2px;
	width: 100%;
	position: absolute;
	pointer-events: none;
	background: url("image/bg01.png") 0 0;
	background-size: cover;
	z-index:-1;}

		
h2{margin:0 0 1em 0;
	padding:0;
	font-size:138%;
	color:#000;
	position: relative;}
    
.h2b{padding:1em;
    border-left: #000 1px solid;}
    
.h2b::after{position: absolute;
	top: 0;
	left: -2px;
	z-index: 1;
	content: '';
	width: 3px;
	height: 50%;
	background: #000;}

h3{margin:0 0 0.25em 0;
	font-size:125%;
	line-height:1.25;
	color:#000;}
	
hr{margin:3em 0;
	padding:0;
	width:100%;
	height:2px;
	color:#ccc;
	background:#ccc;
	border:none;
	clear:both;}
	
.hrdot{border-top:#ccc dotted 1px;
	background:#fff;}
	

.main ul{padding-left:17px;
	color: #000;}

ul.kome{margin:0;
	padding-left:1em;
	line-height:1.55;
	list-style:none;
	list-style-image:none;}
	
.kome li{text-indent:-1em;}

/* social
----------------------------------------------- */
#social{margin:0;
	padding:0;
	text-align: center;
	/*position: absolute;
	z-index:1000;
	top:10px;
	left:10px;*/}
	
#social ul{margin:0;
	padding:0;}

#social li{margin:0 20px 0 0;
	padding:0;
	display: inline-block;
	list-style-type:none;}

#social li:last-child{margin-right:0;}
	
#social img{width: 50px;
	height: auto;}

/* logo
----------------------------------------------- */
#logo{margin:0;
	padding:0;}

#logo ul{margin:0;
	padding:0;
	text-align: center;}

#logo li{margin:0;
	padding:0;
	width: 20%;
	display: inline-block;
	list-style-type:none;
	vertical-align: middle;}


/* img
----------------------------------------------- */	
#title img, .main img,.mainL img,.mainR img,.mainW img{
	max-width: 100%;
	height: auto;}

.brimg{border-radius: 0.5em;}

#homep01{padding-top:119.65%; background: url("image/home_p01.jpg") 50% 50% no-repeat; background-size:contain;}

#homep01w{max-width: 490px; margin-left: auto; margin-right: auto;}

/* margin padding
----------------------------------------------- */
.mgt05{margin-top:0.5em;}
.mgt1{margin-top:1em;}
.mgt15{margin-top:1.5em;}
.mgt2{margin-top:2em;}
.mgt3{margin-top:3em;}
.mgt4{margin-top:4em;}
.mgt5{margin-top:5em;}
.mgt6{margin-top:6em;}
.mgt8{margin-top:8em;}

.mgb0{margin-bottom:0;}
.mgb025{margin-bottom:0.25em;}
.mgb05{margin-bottom:0.5em;}
.mgb1{margin-bottom:1em;}
.mgb2{margin-bottom:2em;}
.mgb4{margin-bottom:4em;}

.pd1{padding:1em 0;}
.pd2{padding:2em 0;}
.pd3{padding:3em 0;}
.pd4{padding:4em 0;}
.pdt3{padding-top:3em;}
.pdb1{padding-bottom:1em;}
.pdb3{padding-bottom:3em;}
.pdt1b3{padding-top:1em; padding-bottom:3em;}
.pdt6b3{padding:6em 0 3em;}
.pdt3b6{padding:3em 0 6em;}
.pdl05{padding-left:0.5em;}

.pdcom1{margin-bottom:1.65em;}
.pdcom2{margin-bottom:3.3em;}

/* span
----------------------------------------------- */	
#title span, #menu span{
	/*\*/
	position:absolute;
	/**/
	text-indent:-10000px;
	width:0;
	height:0;
	display:none;
	left:0;
	top:0;}

/* link
----------------------------------------------- */
a{transition: color 0.45s;}
a:link{color:#bc2a38; text-decoration:underline;}
a:visited{color:#bc2a38; text-decoration:underline;}
a:active{color:#bbb; text-decoration:none;}
a:hover{color:#bbb; text-decoration:none;}

#footer a{transition: color 0.45s;}
#footer a:link{color:#fff; text-decoration:underline;}
#footer a:visited{color:#fff; text-decoration:underline;}
#footer a:active{color:#bc2a38; text-decoration:none;}
#footer a:hover{color:#bc2a38; text-decoration:none;}

/* btn
----------------------------------------------- */
.btn{margin:0;
	padding:1em 4em 1em 1.5em;
	max-width: 100%;
	border: #eee 2px solid;
	background: #000;
	border-radius: 10px;
	/*border-radius: 0.35em;*/
	font-size: 120%;
	line-height:1.5;
	text-align:left;
	text-decoration:none;
	display:block;
	position: relative;
}

a.btn {color:#fff; text-decoration:none; transition: background 0.5s;}
a:link.btn { text-decoration:none;}
a:visited.btn {text-decoration:none;}
a:active.btn {color:#000; background:#fff; text-decoration:none;}
a:hover.btn {color:#000; background:#fff; text-decoration:none;}

.btn span{font-size: 60%;
	color: #999;
	font-weight:normal;
	font-family:"メイリオ","Mayryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Helvetica,Verdana,sans-serif;}

.btn::before{top: 18px;
	right: 42px;
	width: 2px;
	height: 28px;
	content: "";
	background: #fff;
	z-index: 2;
	position: absolute;}

.btn::after{top: 50%;
	right: 32px;
	width: 22px;
	height: 22px;
	content: "";
	margin-top: -12px;
	border-right:#fff 2px solid;
	border-bottom:#fff 2px solid;
	z-index: 2;
	box-sizing: border-box;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;}

.btn:hover::before{background: #000;}
.btn:hover::after{border-color: #000;}


/* media queries
----------------------------------------------- */
br.brsp{display:none;}
.spdisplay{display:none;}


@media only screen and (max-width:979px){	
	.main{width:90%;}
}

@media only screen and (max-width:767px){
	body{font-size: 1.3em;}

	.pcdisplay{display:none;}
	.spdisplay{display:block;}

	br.brpc{display:none;}
	br.brsp{display:block;}
	
	#footerbg{background-size:100% 5px;}
	
	.tw iframe[id^='twitter-widget-']{width: 767px !important;}
	.ta_outline td,.ta_admit td{padding: 0.75em;}
	
		.mainL{width:100%;
		padding:0 0 3em 0;
		float:none;}
	
	.mainR{width:100%;
		padding:0;
		float:none;}
	
	.mainFT2L,.mainFL,.mainFTL,.mainWL{
		width:100%;
		padding:0 0 3em 0;
		float:none;}
	
	.mainFT2R,.mainFR,.mainFTR{
		width:100%;
		padding:0;
		float:none;}
		
		.tablescroll{width:100%;
		margin-bottom:2em;
		overflow-x:scroll;}
	.tablescroll::-webkit-scrollbar{width:6px; background:#aaa;}
	.tablescroll::-webkit-scrollbar:horizontal{height:5px; background:#aaa;}
	.tablescroll::-webkit-scrollbar-thumb:horizontal{background:#ccc; border-radius:3px;}
	.tablescroll::-webkit-scrollbar-track-piece:start{background:#aaa;}
	.tablescroll::-webkit-scrollbar-track-piece:end{background:#aaa;}
	.tablescroll::-webkit-scrollbar-corner{background:transparent;}
		
	.btn{padding:1em 3em 1em 1em;}
	.btn::before{right: 32px;}
	.btn::after{right: 22px;}
	
		#logo li{width: 100%;}

}


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

}