f.pb{
	padding-left:10.3em;
}
.ub{
	text-decoration:line-through;
}
.change_att{
	color:#b43837;
	font-weight:500;
}
.top #logo{
	line-height:0;
}
.top .section1{
	background:#daf3fb;
}
.top .section1 nav li{
	transition: background-color 0.3s;
}
.top .section1 nav ul li:first-child{
	background-color:#19a2ff;
}
.top .section1 nav ul li:first-child:hover{
	background-color:#0890eb;
}
.top .section1 nav ul li:nth-child(2){
	background-color:#3abeff;
}
.top .section1 nav ul li:nth-child(2):hover{
	background-color:#19a2ff;
}

.top .section1 nav ul li:last-child{
	background-color:#4ad4ff
}
.top .section1 nav ul li:last-child:hover{
	background-color:#3abeff;
}
.top .news li{
	border-bottom:1px dotted #add3e1;
}
.top .news li:first-child{
	padding-top:0;
}
.top .news li:last-child{
	padding-bottom:0;
	border-bottom:0;
}
.top .section1 nav ul li{
	line-height:1;
	letter-spacing:0.1em;
}
.top .section1 nav ul li a{
	display:block;
	color:#ffffff;
	text-align:center;
	position:relative;
}
.top .section1 nav ul li a i.icon-arrow-right{
	width:1em;
	height:1em;
	font-size:1.2rem;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	line-height:1;
	vertical-align:middle;
}
.top .section1 nav .nolink, .btn.nolink {
	opacity: 0.5;
}
.top .section1 nav .nolink a, .btn.nolink a{
	pointer-events: none;
}
.top .date{
	text-align:center;
}
.top .date a{
	color:#b43837;
	margin-top:0.7em;
	font-weight:400;
	text-align:center;
	display:inline-block;
}
.top .date a:hover{
	color:#a82626;
}
.top .date i{
	font-size:0.7em;
}
 .top .caption a{ color:#005bac; }
.infoStyle a{
	color: #333333;
}
.infoStyle >dt, .formBox dt,.radioCont dt{
	color:#0a8cbd;
	font-weight:300;
	letter-spacing: 0.05em;
}
.infoStyle a i.icon-window{
	color:#5d98c5;
	margin-left:1px;
	font-size:0.9em;
	position:relative;
	top:-0.3em;
}
.infoStyle .mail_btn a{
	color:#ffffff;
}
.tleStyle2{
	color:#0a8cbd;
	border-bottom:2px solid #def2f8;
	position:relative;
	letter-spacing: 0.05em;
}
.tleStyle2:after{
	content: "";
	display:block;
	width:120px;
	height:2px;
	position:absolute;
	bottom:-2px;
	left:0;
	background:#9be1f7;
}
.tleStyle3{
	color:#0a8cbd;
	border-bottom:2px solid #def2f8;
	position:relative;
	padding-left:20px;
	font-weight:500;
}
.tleStyle3:before,.tleStyle3:after{
	content:"";
	display:block;
	width:2px;
	height:1em;
	position: absolute;
	top:0.4em;
	margin:auto;
	background:#9be1f7;
	transform:rotate(32deg);
}
.tleStyle3:before{
	left:4px;
}
.tleStyle3:after{
	left:8px;
}
.aStyle{
	color:#0a8cbd;
	text-decoration: underline;
}
.aStyle i{
	width:1em;
	height:1em;
	font-size:0.8em;
	text-indent:0;
}
.aStyle i:not(.icon-window){
	vertical-align:middle;
}
.aStyle i.icon-window{
	display:inline-block;
	position:relative;
	top:-0.4em;
	margin-left:2px;
}
.information .section1 a.attention{
	color:#b43837;
	font-weight:400;
}
.information .section1 a.attention:hover{
	color:#a82626;
}
.information .section1 a i{
	font-size:0.7em;
}


.txtspace{ text-indent: 1em; }
#schedulechange{ background:#ffefef; }
.scheduleBox{ display: flex; justify-content: center; align-items: center;  }

.scheduleBox dd{ margin-left:20px; }
#methoddate{ padding-top:20px; }

#emergencyBox{ background:#ffefef; }
#emergencyBox .change a{ color:#b43837; }
#emergencyBox .change{ text-align: center; }
#emergencyBox .change span{ color:#333; padding:0 5px; font-weight: normal; }

/*
-------------------------------------------*/
.greeting .section1 h3, #webTitle{
	font-size:1.500em;
	color:#2e9feb;
	font-weight:400;
	letter-spacing:0.1em;
	text-align:center;
}
.greeting .section1 >p{
	margin-bottom:1.5em;
	line-height:2;
}
.greeting .section1 .red{
	color:#b43837;
}
/*
-------------------------------------------*/
.abstracts i{
	text-indent: 0;
}
.abstracts .flow_figure{
	max-width:770px;
	margin-right:auto;
	margin-left:auto;
}
.abstracts .flow_figure .image{
	border:2px solid #2d9cc6;
	text-align:center;
	box-sizing:border-box;
}
.abstracts .flow_figure .image a{
	display:block;
	position:relative;
	color:#ffffff;
}
.abstracts .flow_figure .image a:before,.abstracts .flow_figure .image i{
	background:#2d9cc6;
	display:block;
	position:absolute;
	right:-2px;
	bottom:-2px;
}
.abstracts .flow_figure .image a:before{
	content:"";
}
.abstracts .flow_figure .image i{
	line-height:1;
}
.abstracts .flow_figure .image i:before{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left: 0;
	margin:auto;
}
.abstracts .flow_figure figcaption{
	text-align:right;
	font-weight:0.8em;
}
.abstracts .s1_cont3 .attention{
	font-size:0.875em;
}
.abstracts .s1_cont5 ol >li{
	padding-left:1em;
	text-indent:-1em;
}
.abstracts .s1_cont5 ol ul li i{
	color:#8adcf5;
	font-size:0.8em;
	margin-right:5px;
}
.abstracts .s1_cont5 ol >li p,.abstracts .s1_cont5 ol >li h4{
	text-indent:0;
}
.abstracts .s1_cont5 ol ul{
	padding-left:1em;
}
.abstracts .s1_cont5 ol .btn a,.program .section1 .btn a,form .btn input,.web .btn a, #attention .btn a{
	background:rgba(180,56,55,0.9);
	color:#ffffff;
	text-align:center;
	position:relative;
	border-radius:10px;
	transition: background-color 0.3s;
}
.abstracts .s1_cont5 ol .btn a:hover,.program .section1 .btn a:hover,form .btn input:hover,
.web .btn a:hover, #attention .btn a:hover{
	background:rgba(180,56,55,1);
}
.abstracts .s1_cont5 ol .btn i,.program .section1 .btn a i, .web .btn a i, #attention .btn a i{
	position:absolute;
	width:1em;
	height:1em;
	top:0;
	right:0.7em;
	bottom:0;
	margin:auto;
}
.abstracts .s1_cont5 ol .btn a{
	margin-right:auto;
	margin-left:auto;
}
.abstracts .s1_cont5 ol .btn a span,.program .section1 .btn a span{
	font-size:0.750em;
}
.abstracts .s1_cont5 ol li:last-child .attention{
	display:block;
	text-align:center;
	font-size:0.875em;
}
.abstracts .s1_cont6 a{
	color:#0a8cbd;
}
.abstracts .s1_cont6 a i{
	vertical-align: middle;
	margin-right:5px;
	font-size:1.286em;
}
.abstracts .s1_cont6 .attention{
	font-size:0.875em;
	padding-left:1.143em;
	margin-top:5px;
}
/*
-------------------------------------------*/
.program .section4 .textbox >p{
	line-height:2em;
	text-indent:1em;
}
.program .section1 a{
	color:#0a8cbd;
}
.program .section1 a i, .web .btn a i, #attention .btn a i{
	vertical-align: middle;
	margin-right:5px;
	font-size:1.286em;
}
.program .section2 .datail dt{
	font-weight:500;
}
.program .section2 .datail dd span,.program .section3 .datail dd span,.program .section4 .datail dd span{
	font-size:0.875em;
}
.program .section5 .textbox >p:not(:last-of-type){
	margin-bottom:1em;
}
.program .price{
	margin-top:0.5em;
}
.program .price i, .information .infoStyle .entryprice i{
	color:#8adcf5;
	vertical-align: middle;
}
.program .price dt.dc{
	width:3em;
}
.program section strong{
	font-weight:500;
	display:block;
	margin-bottom:0.3em;
}

#programWrap{ margin-bottom:40px; }
#programWrap li{ margin-bottom:5px ; position: relative}
#programWrap li:before{ content:"・"; padding-left:5px; }
#programWrap li a:after{ 
border-right: 2px solid #8adcf5;
border-bottom: 2px solid #8adcf5;
content:"";
display: block;
height: 8px;
width: 8px;
position: absolute;
right: -20px;
top: 7px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}

.program .datail{ margin-bottom:15px }

/*
-------------------------------------------*/
.link .section1 dt i{
	font-size:0.8em;
	color:#8adcf5;
}
.link .section1 dd{
	padding-left:1em;
	border-bottom:1px solid #b8c7cc;
}
.link .section1 dd a{
	color:#0a8cbd;
	transition: color 0.3s;
}
.link .section1 dd a:hover{
	color:#5d98c5;
}
.link .section1 dd:last-of-type{
	margin-bottom:0;
	border-bottom:0;
}
.link .section1 dd i{
	font-size:0.8em;
}
.link .section1 dd i.icon-window{
	display: inline-block;
	position: relative;
	top:-0.4em;
	margin-left:2px;
}
.holding .section1 .textbox{
	background:#ffefef;
}
#emergencyBox .change,
.holding .section1 .change{
	font-weight:500;
	color:#b43837;
}
.holding .section1 .chairman{
	text-align: right;
}


/*form*/
#requireTxt{ margin-bottom:  20px; }

.formnone input {-webkit-appearance: none;  border-radius: 0; }


.formBox input, .formBox select, .keynumBox input, .radioCont input, #chooseBox input{
  padding:5px; border: 1px solid #ccc; }
.formBox{ margin-bottom: 15px }
.formBox dd input{ margin:0 5px 5px 0; }

#chooseBox { padding-top: 20px; }
#chooseBox dt{ background: #f5f6f7; padding: 3px 20px; margin-bottom:8px }
#chooseBox dd li{ display: flex; align-items: first baseline;
line-height: 1.4em;
margin-bottom: 7px;}

#otherselect{ background:#f5f6f7; padding:5px 7px 9px; margin:5px 0; }

#transferBox{ background:#ffefef; padding:20px; margin-top:20px; }
form .btn,form .btn input{ width: 290px; }
form .btn{ margin: 50px auto 0; position: relative;}
form .btn input{border: none; padding: 20px 0; cursor: pointer;font-size: 1.1em;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-box-shadow: none;
box-shadow: none;   
outline: none;
}
form .btn:after{position:absolute;
content:"";
top:50%;
right:30px;
display:block;
width:8px;
height:8px;
margin-top:-4px;
border-top:2px solid #fff;
border-right:2px solid #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);}

.keyform{ display: flex; }
.keyform dt{ color: #0a8cbd; font-weight: 300; }

.keynumBar{ color: #188ad7; padding:3px 0 ;}
.keynumBox dt{ margin-bottom: 5px; }
.keynumBox{ padding-top:30px }


.radioCont{ padding-top:30px; }
.radioCont dt{ border-bottom:1px dotted #ccc; padding-bottom: 5px; margin-bottom:10px }
.radioCont li{ margin-bottom:5px }
.radioCont li:last-child{ margin-bottom:0 }

.radioBox { display: flex; flex-wrap: wrap; }
.radioBox li{ width:50% }

.formBox select,
.formaddress p{ margin-bottom:5px; }

/*web*/
.webInfo{ display:flex; margin-bottom:40px; } 
.webInfo dt{ color:#8a8cbd; font-weight:600; }
#webTxt{ margin-bottom:50px; }

#broadTxt { margin:0 0 50px 20px; }
#broadTxt li{ list-style: decimal; margin-bottom:10px;}

#broadTxt li p{ margin-bottom:5px; }
#subIcon li { list-style: none; position: relative; margin-bottom:5px;}
#subIcon li:before{ content:'・'; }

.castWrap{ display: flex; flex-wrap : wrap; margin-bottom: 40px;}
.castWrap li{ width:48%; margin:0 1% 80px; background:#ddd;height: 200px; text-align: center}

#movie{ text-align: center; margin: 0 auto 50px; }
.thumb{ line-height: 0; cursor: pointer; }

#realtime li{ list-style:none;  }
#realtime dl{ margin-left:20px; }
#realtime dt{ color:#0a8cbd; font-weight:600; margin-bottom:5px; }
#realtime dd{ margin-bottom:20px; }

.mb20, #btnset{ margin-bottom:20px; }
.mb40{ margin-bottom:40px; }


/*Over 1080px
-------------------------------------------*/
@media screen and (min-width:1081px),print{
	.top #logo{
		height:820px;
		width:100%;
		background:url(../images/top/mv.jpg) repeat-x;
		line-height:0;
		position:relative;
	}
	#global_navi .sub_navi{
		display:flex;
		justify-content: flex-end;
	}
	.top #global_navi .sub_navi li{
		width:230px;
		margin-left:10px;
		font-size:1.125em;
	}
	#global_navi .sub_navi a{
		padding-top:20px;
		padding-bottom:20px;
	}
	#global_navi .sub_navi a i{
		font-size:1.1rem;
	}
	main >section{
		margin-bottom:70px;
	}
	main >section:last-child{
		margin-bottom:0;
	}
	.top .section1{
		padding:50px 30px;
	}
	.top .section1 dl{
		width:345px;
		margin-right:auto;
		margin-left:auto;
		line-height:0;
	}
	.top .section1 dt{
		margin-bottom:20px;
	}
	.top .section1 .date{
		margin-bottom:50px;
	}
	.top .section1 .place{
		float:left;
		overflow:hidden;
	}
	.top .section1 .general{
		float:right;
		overflow:hidden;
	}
	.top .section1 nav{
		overflow:hidden;
		clear:both;
		padding-top:35px;
	}
	.top .section1 nav ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	.top .section1 nav ul li{
		width:236px;
	}
	.top .section1 nav ul li a{
		padding-top:15px;
		padding-bottom:15px;
	}
	.top .section1 nav ul li a i.icon-arrow-right{
		right:10px;
	}
	.top .news{
		overflow-y:auto;
	}
	.top .news ul{
		max-height:240px;
	}
	.top .news li{
		padding-top:15px;
		padding-bottom:15px;
	}
    #emergencyBox,
	.holding .section1 .textbox{
		padding:50px 30px;
	}
	.holding .section1 .change{
		margin-top:20px;
		margin-bottom:20px;
	}
	.top #attention h2{
		margin-bottom:30px;
	}
	.holding .section1 .days{
		margin-top:10px;
	}
	.top .date a{
		font-size:1.125em;
	}
	/*
	-------------------------------------------*/
	.infoStyle >dt{
		padding-top:15px;
		padding-bottom:15px;
	}
	.infoStyle >dd{
		padding-top:15px;
		padding-bottom:15px;
	}
	.infoStyle .mail_btn{
		width:354px;
		margin-top:20px;
	}
	.tleStyle2{
		margin-bottom:40px;
		padding-bottom:10px;
	}
	.tleStyle3{
		padding-bottom:5px;
		margin-bottom:30px;
	}
	/*
	-------------------------------------------*/
	.greeting .image{
		margin-left:20px;
		margin-bottom:20px;
	}
	.greeting .section1 h3, #webTitle{
		margin-bottom:3%;
	}
	/*
	-------------------------------------------*/
	.page main >section >section:not(:last-of-type){
		margin-bottom:50px;
	}
	.abstracts .section1 ol section:not(:last-of-type){
		margin-bottom:40px;
	}
	.abstracts .flow_figure .image a:before, .abstracts .flow_figure .image i{
		width:40px;
		height:40px;
	}
	.abstracts .flow_figure .image i:before{
		width:1em;
		height:1em;
		font-size:2.8rem;
	}
	.abstracts .s1_cont5 >ol >li:not(:last-of-type){
		margin-bottom:35px;
	}
	.abstracts .s1_cont5 ol .btn{
		margin-top:15px;
	}
	.abstracts .s1_cont5 ol .btn a{
		width:362px;
		padding-top:15px;
		padding-bottom:15px;
	}
	.abstracts .s1_cont7 dd:not(:last-of-type){
		margin-bottom:40px;
	}
	.abstracts .section2 .mail_btn{
		width:354px;
		margin-right:auto;
		margin-left:auto;
	}
	/*
	-------------------------------------------*/
	.program .section1 .datail dd:not(:last-of-type){
		margin-bottom:15px;
	}
	.program .section1 .btn a, .web .btn a, #attention .btn a{
		width:362px;
		padding-top:15px;
		padding-bottom:15px;
      margin:0 auto;
	}

	/*
	-------------------------------------------*/
	.link .section1 dt{
		margin-bottom:10px;
	}
	.link .section1 dd{
		padding-bottom:30px;
		margin-bottom:30px;
	}

#btnset{ display:flex;  flex-wrap: wrap;}
#btnset li{ width: 50%; }
}


/*Over 751px
-------------------------------------------*/
@media screen and (min-width:751px),print{
	.top #logo img{
		background: rgb(44,158,235);
		background: linear-gradient(90deg, rgba(44,158,235,0.9) 0%, rgba(106,210,242,0.9) 100%);
		display:block;
		position:absolute;
		top:0;
		right:0;
		left:0;
		bottom:0;
		margin:auto;
	}
	.top .news{
		font-size:0.875em;
	}
	.top .news li{
		display:table;
		table-layout:fixed;
		width:100%;
	}
	.top .news li >p{
		display:table-cell;
	}
	.top .news li .date{
		width:100px;
	}
    #emergencyBox .change,
	.holding .section1 .change{
		font-size:1.5em;
	}
	.top #attention h2{
		font-size:2em;
	}

  .scheduleBox{ margin-bottom:5px;  font-size:1.4em;}
#schedulechange{ padding:15px 10px 10px; margin:30px 50px 50px; }
  
  #emergencyBox .change a{ pointer-events: none; }
  #emergencyBox .change span{ font-size: 0.8em; }
  
	/*
	-------------------------------------------*/
	.infoStyle, .formBox{
		display:flex;
		flex-wrap:wrap;
	}
	.infoStyle >dt{
		width:110px;
	}
	.infoStyle >dd{
		width:calc(100% - 110px);
		position:relative;
	}
	.infoStyle >dd:after{
		content:"";
		display:block;
		border-bottom:1px dotted #b3d1dc;
		width:calc(100% + 110px);
		position:absolute;
		left:-110px;
		right:0;
		bottom:0;
	}
	.infoStyle >dd:last-of-type:after{
		display:none;
	}
	.infoStyle >dd >a{
		transition:color 0.3s;
	}
	.infoStyle >dd >a:hover{
		color:#5d98c5;
	}
	.tleStyle2{
		font-size:1.500em;
	}
	.tleStyle3{
		font-size:1.250em;
	}
	.aStyle:hover{
		text-decoration:none;
	}
	/*
	-------------------------------------------*/
	.greeting .image{
		float:right;
		overflow:hidden;
	}
	/*
	-------------------------------------------*/
	.program .price{
		display:flex;
		flex-wrap:wrap;
	}
	.program .price dd.dc{
		width:calc(100% - 3em);
	}
	.program .price dt.do{
		width:250px;
	}
	.program .price dd.do{
		width:calc(100% - 250px);
	}
  #programWrap{ margin-left:20px; }
  
	/*
	-------------------------------------------*/
	.link .section1 dl{
		font-size:1.250em;
	}
  
  .formBox dt{ width:180px;}
  .formBox dd{ width:calc(100% - 180px); position:relative;}
	
  .formBox input, .formBox select, .keynumBox input, .radioCont input{ font-size:0.9em; }
}
/*Under 1080px
-------------------------------------------*/
@media screen and (max-width:1080px){
	main >section{
		margin-bottom:4em;
	}
	.tleStyle2{
		margin-bottom:3%;
	}
	.tleStyle3{
		margin-bottom:2%;
	}
	.top .section1 nav ul li a i{
		right:2%;
	}
	.top .section1 li a{
		padding:5% calc(2% + 1em);
	}
	.top .section1{
		padding-top:5%;
		padding-bottom:5%;
	}
	.top .section1 .date{
		margin-bottom:5%;
	}
	.top .news li{
		padding-top:2%;
		padding-bottom:2%;
	}
	.top .news ul{
		overflow-y:auto;
		max-height:15em;
	}
 

	/*
	-------------------------------------------*/
	.page header{
		width:90%;
	}
	.greeting .section1 h3{
		margin-bottom:3%;
	}
	.page .gnavi_btn.close{
		top:3%;
		right:5%;
	}
	/*
	-------------------------------------------*/
	.page main >section >section:not(:last-of-type){
		margin-bottom:7%;
	}
	.abstracts .section1 ol section:not(:last-of-type){
		margin-bottom:5%;
	}
	.abstracts .s1_cont5 >ol >li:not(:last-of-type){
		margin-bottom:3%;
	}

	.program .section1 .datail dd:not(:last-of-type){
		margin-bottom:2%;
	}
	.program .section1 .btn a,.web .btn a, #attention .btn a{
		margin-right:auto;
		margin-left:auto;
	}

	/*
	-------------------------------------------*/
	.link .section1 dt{
		margin-bottom:0.2em;
	}
	/*
	-------------------------------------------*/
  #emergencyBox,
	.holding .section1 .textbox{
		padding:5%;
	}

	#btnset li:first-child{ margin-bottom:20px; }
}
@media screen and (max-width:1080px) and (min-width:751px){
	.top header{
		height:450px;
		width:100%;
		background-image:url(../images/top/mv.jpg);
		background-repeat:repeat-x;
		background-size:auto 100%;
		position:relative;
	}
	.top .gnavi_btn{
		top:2%;
		right:5%;
	}

	.top #logo img{
		width:70%;
	}
	.top .section1 >dl{
		width:48%;
		margin-right:auto;
		margin-left:auto;
	}
	.holding .section1 .textbox{
		padding-top:5%;
		padding-bottom:5%;
	}
	.top #attention h2{
		margin-bottom:3%;
	}
  #emergencyBox,
	.holding .section1 .change{
		padding-top:2%;
		padding-bottom:2%;
	}
	.top .section1 .place{
		float:left;
	}
	.top .section1 .general{
		float:right;
	}
	.top .section1 nav{
		overflow:hidden;
		clear:both;
		padding-top:3%;
	}
	.top .section1 nav ul{
		display:table;
		table-layout: fixed;
		width:100%;
	}
	.top .section1 li{
		border-right:1px solid #ffffff;
		display:table-cell;
	}
	.top .section1 li:last-child{
		border-right:0;
	}
	/*
	-------------------------------------------*/
	.page header{
		font-size:calc(1rem + (1vw - 7.5px)*1.33333);
		height:6.4em;
	}
	.page #logo{
		line-height:0;
/*		padding-top:1em;*/
		padding-right:calc( 5% + 7em);
	}
	.page header{
		margin-top:3%;
		margin-bottom:3%;
	}	
	.top .gnavi_btn{
		top:2%;
		right:5%;
	}
	.page .gnavi_btn{
		top:0;
		right:0;
	}
	.infoStyle  >dt,.infoStyle >dd{
		padding-bottom:1em;
		padding-top:1em;
	}
	.infoStyle .mail_btn{
		width:60%;
	}
	.tleStyle2{
		padding-bottom:0.3em;
	}
	.tleStyle3{
		padding-bottom:0.3em;
	}
	/*
	-------------------------------------------*/
	.greeting .image{
		padding-left:2%;
		padding-bottom:2%;
	}
	/*
	-------------------------------------------*/
	.abstracts .flow_figure .image a:before, .abstracts .flow_figure .image i{
		font-size:calc(1rem + ((1vw - 7.51px) * 1.331557923));
		width:2.7815em;
		height:2.7815em;
	}
	.abstracts .flow_figure .image i:before{
		width:1em;
		height:1em;
		font-size:1.9470em;
	}
	.abstracts .s1_cont5 ol .btn a{
		padding-top:2%;
		padding-bottom:2%;
		margin-top:2%;
	}
	.abstracts .s1_cont5 ol .btn a,.abstracts .s1_cont6 .mail_btn{
		width:70%;
		margin-right:auto;
		margin-left:auto;
	}
	/*
	-------------------------------------------*/
	.program .section1 .btn a,.web .btn a, #attention .btn a{
		width:70%;
		padding-top:3%;
		padding-bottom:3%;
	}
	/*
	-------------------------------------------*/
	.link .section1 dd{
		padding-bottom:5%;
		margin-bottom:5%;
	}

}
/*Under 750px
-------------------------------------------*/
@media screen and (max-width:750px){
	.top header{
/*		height:320px;*/
		width:100%;
		position:relative;
		background-image:url(../images/top/mv_phone.jpg);
		background-repeat:repeat-x;
		background-size:auto 100%;
		background-position: center;
	}
	.top .section1 >dl{
		margin-bottom:5%;
	}
	.top .section1 dt{
		margin-bottom:2%;
	}
	.top .section1 nav li{
		margin-bottom:1px;
	}
	.top .section1 nav li:last-child{
		margin-bottom:0;
	}
	.top .news li .date{
		margin-bottom:1%;
		font-weight:300;
	}
  #emergencyBox span{ display: block; font-size:1em;}
  
  #emergencyBox,
	.holding .section1 .change{
		font-size:1.2em;
		margin-top:2%;
		margin-bottom:2%;
	}
	.top #attention h2{
		font-size:1.5em;
		margin-bottom:3%;
	}
	.holding .section1 .days{
		margin-top:2%;
	}

	.page header{
		margin:3% auto;		
		font-size:calc(1rem + ((1vw - 3.2px) * 3.02325));
	}
	.page #logo{
		padding-right:4em;
	}
	.page .gnavi_btn{
		right:0;
		top:0;
	}
  #schedulechange{ padding:2% 6% ; margin:5% 4% ; }
  .scheduleBox{ margin-bottom:4px; padding:5px 6%; background:#fff;}
  .scheduleBox dt{ width: 35%; }
  .scheduleBox dd{ margin-left: 2%; width: 80%; line-height:1.2em; }
	/*
	-------------------------------------------*/
	.infoStyle >dt{
		margin-bottom:2%;
	}
	.infoStyle >dd{
		border-bottom:1px solid #b3d1dc;
		padding-bottom:3%;
		margin-bottom:3%;
	}
	.infoStyle dd:last-of-type{
		border-bottom:0;
		padding-bottom:0;
		margin-bottom:0;
	}
	.tleStyle2{
		font-size:1.250em;
		padding-bottom:0.2em;
	}
	.tleStyle3{
		font-size:1.125em;
	}
	/*
	-------------------------------------------*/
	
	.greeting .image{
		text-align:center;
		margin-bottom:3%;
	}
	.greeting .section1 .t_right{
		font-size:calc(1rem + ((1vw - 3.2px) * 3.02325));
	}
	/*
	-------------------------------------------*/
	.abstracts .s1_cont3 li{
		padding-left:1em;
		text-indent:-1em;
	}
	.abstracts .s1_cont3 li a{
		display:block;
		width:50%;
	}
	.abstracts .s1_cont3 li:not(:last-of-type){
		margin-bottom:2%;
	}
	.abstracts .s1_cont5 ol .btn,.program .section3 .btn{
		font-size:calc(1rem + ((1vw - 3.2px) * 3.125));
	}
	.abstracts .s1_cont5 ol .btn a,.program .section1 .btn a{
		font-size:1.2em;
	}
	.abstracts .s1_cont5 ol .btn a{
		padding-top:5%;
		padding-bottom:5%;
		margin-top:5%;
	}
	.abstracts .flow_figure .image a:before, .abstracts .flow_figure .image i{
		font-size:calc(1rem + ((1vw - 3.2px) * 3.125));
		width:1.7067em;
		height:1.7067em;
	}
	.abstracts .flow_figure .image i:before{
		width:1em;
		height:1em;
		font-size:1.1947em;
	}
	/*
	-------------------------------------------*/
	.program .price dd{
		text-align:right;
	}
	.program .section1 a{
		text-align:center;
	}
	.program .section1 .btn a, .web .btn a, #attention .btn a{
		padding-top:4%;
		padding-bottom:4%;
	}
	.program .section4 dd span{
		display:block;
	}
  #programWrap li{ width:90% }
	/*
	-------------------------------------------*/
	.link .section1 dl{
		font-size:calc(1rem + ((1vw - 3.2px) * 3.125));
	}
	.link .section1 dt,.link .section1 dd{
		font-size:	1.250em;
	}
	.link .section1 dd{
		padding-bottom:7%;
		margin-bottom:7%;
	}
  
.formBox input, .formBox select, .keynumBox input { font-size:16px;  padding: 10px; }
.formBox.radionone input{ padding:5px; }
#otherselect input{ font-size: 16px;}

}
.mCSB_scrollTools .mCSB_draggerRail{
	width:3px;
	background:#cbe6ee;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:5px;
	background:#2d9feb;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#2d9feb;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:#2d9feb;
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:#2d9feb;
}

@media screen and (min-width:401px){
	#attention .btn br{ display:none;}
}

@media screen and (max-width:400px){
#attention .btn{ line-height: 1.4em; }
}