
.Animatiom-wave {
  width: 100%;
	
  height: 300px;
  border-radius: 5px;
  box-shadow: 0 2px 30px rgba(black, .2);
  background: lighten(#000, 10%);
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

.wave {
  opacity: .4;
  position: absolute;
  top: 3%;
  left: 50%;
  background: #0af;
  width: 5000px;
  height: 5000px;
  margin-left: -250px;
  margin-top: -250px;
  transform-origin: 50% 48%;
  border-radius: 43%;
  animation: drift 3000ms infinite linear;
}

.wave.-three {
  animation: drift 5000ms infinite linear;
}

.wave.-two {
  animation: drift 7000ms infinite linear;
  opacity: .1;
  background: yellow;
}

.Animatiom-wave:after {
  content: '';
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(#e8a, 1), rgba(#def, 0) 80%, rgba(white, .5));
  z-index: 11;
  transform: translate3d(0, 0, 0);
}



@keyframes drift {
  from { transform: rotate(0deg); }
  from { transform: rotate(360deg); }
}



















#wrapper{overflow:hidden;margin: 0 auto;}


/*-----------slider-----------*/
/* JavaScriptが有効な場合、対象を隠す */
/* 画像すべてを読み終えたら、対象を表示する */
html.enable-javascript .slider{visibility: hidden;}
html.enable-javascript.window-load .slider{visibility: visible;}


/*----------Slider--詳細はslick-theme.css---------*/
#Slider {background:#99CDFF; padding:10px 0px 15px 0px; background-image:url(../img/bg_water.jpg);background-repeat: repeat-x; position: relative;}
#Slider ul{padding: 0px;}
#Slider .slider{padding: 20px 0px;}
#Slider li{margin: 0px; padding: 0px 10px;}
#Slider img{width: 100%;height: auto;}

/*----------緊急お知らせ-----------*/
.Emergency-announce {background:#F56868; padding:1em; margin-bottom:1px; color: #fff; position: relative;}
.Emergency-announce:hover{background:#B32427;}
.Emergency-announce a{color: #fff;font-size: 120%; font-weight: bold; /*position: absolute;*/  width: 100%; height: 100%; text-indent:0px;}
.Emergency-announce span.flash{background:#B32427; padding: 0.5em 1em; color: #fff; margin-right: 10px;}

@media screen and (max-width:960px) {
.Emergency-announce a{display: block; margin-top: 10px;}
  
}

/*-----------読み込み中のイメージ-----------*/
#Recomend img, #Pickup img {background-image: url("../img/Wedges-3s-200px.svg");background-repeat: no-repeat;background-position: center center; display:block;}

/*-----------news_unit-----------*/
table.news_unit{background: #333; width: 100%; border-bottom: 1px #333 solid;}

.btn-stay {color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
.btn-stay:hover,.btn-stay:focus,.btn-stay:active,.btn-stay.active,
.open > .dropdown-toggle.btn-stay {color: #fff;background-color: #449d44;border-color: #398439;}
.btn-stay {background-image: none;}


.position-ab-bt0{position: absolute;bottom: 0;}

.btn-xl,
.btn-group-xl > .btn {
  padding: 20px 26px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 6px;
}
.panel-footer-link{
	margin-top: 20px;
	position: absolute;
	bottom: 0;
	background: #E50B0F;
	width: 100%;
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	
}


/*-----------section-----------*/
section{ padding: 0px;margin: 0px;  margin-bottom: 60px;font-size: 16px;}
section h3 {position: relative; padding: 20px 0px; font-weight: bold;} 


/*-----------arownd-TITLE-----------*/
#title{height: 230px;}
#title p  {color: #fff;}
#title h1  {color: #fff; font-size: 3em; margin-bottom: 0.5em;}

.breadcrumb-h {padding: 8px 0px; margin-bottom: 20px;list-style: none;}
.breadcrumb-h > li {display: inline-block;}
.breadcrumb-h > li a{color: #ECECEC;}
.breadcrumb-h > li + li:before {padding: 0 5px;color: #ECECEC;content: "\003e";}
.breadcrumb-h > .active {color: #fff;}


/*----------- 2階層目　タイトル周り----------*/

.page-guide{background:#0099CC; border-top: 1px solid #0281AB;}
.title-area-guide{background-image: url(../img/title-area/guide.png); height: 100%; background-position : right bottom; background-repeat:no-repeat;}

.page-ticket{background:#FF9900; border-top: 1px solid #B95B06;}
.title-area-ticket{background-image: url(../img/title-area/ticket.png); height: 100%; background-position : right bottom; background-repeat:no-repeat;}

.page-calender{background:#E0B16A; border-top: 1px solid #F1AB84;}
.title-area-calender{background-image: url(../img/title-area/calender.png); height: 100%; background-position : right bottom; background-repeat:no-repeat;}

.page-stay{background:#449D44; border-top: 1px solid #268426;}
.title-area-stay{background-image: url(../img/title-area/stay.png); height: 100%; background-position : right bottom; background-repeat:no-repeat;}

.page-event{background:#F4CE06; border-top: 1px solid #C7A804;}
.title-area-event{background-image: url(../img/title-area/event.png); height: 100%; background-position : right bottom; background-repeat:no-repeat;}

.page-group{background:#009966; border-top: 1px solid #007946;}
.title-area-group{background-image: url(../img/title-area/group.png); height: 100%; background-position : right bottom; background-repeat:no-repeat;}

.page-access{background:#CC66CC; border-top: 1px solid #943794;}
.title-area-access{background-image: url(../img/title-area/access.png); height: 100%; background-position : right bottom; background-repeat:no-repeat;}

.page-corporate{background:#CC66CC; border-top: 1px solid #943794;}
.title-area-corporate{background-image: url(../img/title-area/access.png); height: 100%; background-position : right bottom; background-repeat:no-repeat;}


@media screen and (max-width:960px) {
.title-area-guide,
.title-area-ticket,
.title-area-calender,
.title-area-stay,
.title-area-event,
.title-area-group,
.title-area-access,
.title-area-corporate {background-image: none;}
.breadcrumb-h{display: none;}
#title h1  {color: #fff; font-size: 1.8em; margin-bottom: 0.3em;}
#title p  {color: #fff;font-size: 73%;}	
#title{height: 100px;}

}

/*----------- breadcrumbs-(タイトルが無いもの)----------*/
.breadcrumb {padding: 8px 0px;margin-bottom: 20px;list-style: none;}
.breadcrumb > li {display: inline-block;}
.breadcrumb > li + li:before {padding: 0 5px;color: #ccc;content: "\003e";}
.breadcrumb > .active {color: #0B36AA;}


/*注意事項-----------------------------*/
.articlecaution_head{background:#F60;color:#fff;text-align: center;font-size: 190%;padding:13px;}

.articlecaution{ color:#333;font-size: 100%;background:#F7FF78;padding:1.5em 1.5em 0.8em 1.5em; }
.articlecaution ul {vertical-align:middle; list-style:none; font-size:120%; }
.articlecaution li:before { font-family: FontAwesome;content: "\f06a"; display: block;float: left;text-align: left;margin-left: -1.5em; color: #900;}
.articlecaution li{  display: block;margin-top: 0.3em;line-height:1.3em;margin-bottom:0.8em;margin-left:-1em;}





.read{ margin: 20px 0px; font-weight: bold; line-height: 1.7; font-size: 1em;}
.red_b {color:#990000; font-weight: bold;}

.table_typeA {border-collapse: collapse;	border-spacing: 0;width: 100%;}
.table_typeA th{border-bottom: 2px solid #6599FF;padding: 0.5em;color: #000;font-size:100%;font-weight:nomal;}
.table_typeA .files{border-bottom: 1px solid #ccc;padding: 1em;color: #000;font-weight:bold;font-size:100%;}
.table_typeA td{border-bottom: 1px solid #ccc;padding: 1em;color: #000;}

.table_typeB {border-collapse: collapse;	border-spacing: 0;width: 100%;}
.table_typeB th{border: 1px solid #ccc;padding: 0.5em;color: #000; font-weight: normal; text-align: center; background:#F6F6F6;}
.table_typeB td{border: 1px solid #ccc;padding: 1em;color: #000;}

.table_typeC {border-collapse: collapse;	border-spacing: 0;width: 100%;}
.table_typeC th{border: 1px solid #99CDFF;padding: 0.5em;color: #000; font-weight: normal; text-align: center; background:#C9E5FF;}
.table_typeC td{border: 1px solid #99CDFF;padding: 1em;color: #000;}

.table_typeD {border-collapse: collapse;	border-spacing: 0;width: 100%;}
.table_typeD th{border: 1px solid #003399;padding: 0.5em;color: #000; font-weight: normal; text-align: center; background:#6599FF; }
.table_typeD td{border: 1px solid #003399;padding: 1em;color: #000;}

.table_typeE {border-collapse: collapse;	border-spacing: 0;width: 100%;}
.table_typeE th{border: 1px solid #6599FF;padding: 0.5em;color: #000; font-weight: normal; text-align: center; background:#003399; }
.table_typeE td{border: 1px solid #6599FF;padding: 1em;color: #000;}


/*リスト表示　連番-----*/
ol.number {counter-reset: number;overflow: hidden; font-size: 100%;}
ol.number > li {display: block;margin-top: 0.3em;padding-left: 2.7em;line-height: 1.7em;margin-bottom: 0.5em;}
ol.number > li::before {counter-increment: number;content: counter(number) ".";display: block;float: left;text-align: left;margin-left: -2.7em;width: 2.7em;font-weight: bold;}

/*768 Under*/
@media screen and (max-width:768px) {
	ol.number,
	ol.number-maru,
	ol.number-bracket {font-size: 90%;}

	ol.number > li {display: block;margin-top: 0.3em;padding-left: 0.5em;line-height: 1.5em;margin-bottom: 0.5em;}
	ol.number-bracket > li {display: block;margin-top: 0.3em;padding-left: 0.5em;line-height: 1.5em;margin-bottom: 0.5em; list-style-type:none;list-style-position:inside;counter-increment: cnt;}
}

/*リスト表示　(連番)-----*/
ol.number-bracket {counter-reset: number;overflow: hidden; font-size: 100%;}
ol.number-bracket > li {display: block;margin-top: 0.3em;padding-left: 2.7em;line-height: 1.7em;margin-bottom: 0.5em;  list-style-type:none;list-style-position:inside;counter-increment: cnt;}
ol.number-bracket > li::before {counter-increment: number;display: block;float: left;text-align: left;margin-left: -2.7em;width: 2.7em;font-weight: bold;
content: "(" counter(cnt) ") ";}


/*リスト表示　(丸数字.)あまりイケてない-----*/
ol.number-maru {  counter-reset: num_count;list-style: none; padding-left: 1em; font-size: 100%;}
ol.number-maru > li {  display: block; position: relative; padding-left: 2.7em; margin-top: 0.3em;}
ol.number-maru > li::before {   counter-increment: num_count; font-size: 100%;content: counter(num_count); position: absolute; 
  background-color: #fff; border: 1px #333 solid;color: #333; border-radius: 50%;width: 1.3em; height: 1.3em; left: 0em;text-align: center; line-height: 1.4;}

/*警告リスト表示 きいろ背景　(!)マーク-notes_list-typeA----*/
ul.notes_list-typeA  {list-style-type:none;margin:0;padding:2em 1em; color:#000; background: #FBDA01; font-size: 110%;}
ul.notes_list-typeA > li{display: block;margin-top: 0.3em;padding-left: 2.7em;line-height: 1.7em;margin-bottom: 1.2em;}
ul.notes_list-typeA > li:before{ content: '\f06a'; display: inline-block; width: 2.7em; color: #D30006;font-family: 'FontAwesome'; text-indent: 0; }

/*リスト表示 きいろ背景　(!)マーク-notes_list-typeA----*/
ul.list-typeA {list-style: none;}
ul.list-typeA > li {display: block;padding-left: 1.5em;line-height: 1.6em;margin-bottom:0.1em;}
ul.list-typeA > li:before{ margin-right:0.8em; font-family: FontAwesome; content: '\f111'; color:#6599FF;margin-left: -1.5em;width: 1.5em}

/*注記　--（※マーク）-----*/
ul.List_asterisk {overflow: hidden;margin-top: 0.2em; font-size: 100%;}
ul.List_asterisk li {display: block;padding-left: 1.5em;line-height: 1.6em;margin-bottom:0.1em;}
ul.List_asterisk li:before {content: "※";display: block;float: left;text-align: left;margin-left: -1.5em;width: 1.5em;}







/*----------- HEAD------------*/
#logomark{ margin-top:10px; margin-bottom:10px; }
#logomark img{ width:300px; height:auto;}

#head_area{ background:#fff;}

.menu_for-xs { }
ul.xs_mainmenu {list-style-type: none; margin: 0; padding: 0;}
ul.xs_mainmenu li >a {color: #fff; text-decoration: none;  display:block;}
ul.xs_mainmenu li >a:hover {color: #fff; text-decoration: none; background: #0B36AA; display:block;}
ul.xs_mainmenu li  {border-bottom: 1px #fff solid;}
ul.xs_mainmenu li > .icon-menu  {width: 10%; height: auto;}
ul.xs_mainmenu li img {width: 10%; height: auto; margin: 10px;}

.navbar {/*position: relative;*/position: static!important;min-height: 50px;margin-bottom: 0px; /*border-left: 1px solid #fff;*/z-index: 200;border-radius: 0px;}

/*700Under*/
@media screen and (min-width:768px) {position: static!important;}
@media screen and (max-width:700px) {.navbar {/*position: relative;*/position: static!important;min-height:60px;margin-bottom: 0px; border-left: none;z-index: 200;border-radius: 0px;padding-bottom:10px;}
}
.nav-justified > .dropdown .dropdown-menu {top: auto;left: 0px;}

/*----------- sp_menupane------------*/

/*480 Over*/
@media screen and (min-width:480px) {#sp_menupanel{ display:none;}}

/*480 Under*/
@media screen and (max-width:480px) {
	#sp_menupanel{ background:#fff;}
	#sp_menupanel p{ color:#FF6;}
	}
.a-panel{ margin:15px 0px;}



.row-eq-height{
    display: flex;
    flex-wrap: wrap;
}

.row-center.va-middle > [class*='col-'] {
vertical-align:middle;
}
.row-center.va-bottom > [class*='col-'] {
vertical-align:bottom;
}

/*----------- news_line_nav------------*/
.news_line_nav{}
.nav-tabs > li > a {text-decoration: none;margin-right: 2px;line-height: 1.42857143; border: 1px solid transparent;border-radius: 4px 4px 0 0;background:#6599FF;color: #fff;}
.nav-tabs > li > a.green{text-decoration: none;margin-right: 2px;line-height: 1.42857143; border: 1px solid transparent;border-radius: 4px 4px 0 0;background:#0AB01D;color: #fff;}
.nav-tabs > li > a:hover {border-color: #eee #eee #ddd;background:#0B36AA;}
@media screen and (max-width:480px) {
.news_line_nav li { font-size: 60%;}
.nav-tabs > li > a { font-size: 90%; padding: 5px;}
}
@media screen and (min-width:1px) and ( max-width:320px) {.news_line_nav li { font-weight: bold; font-size: 60%;} }


#Clear{padding:10px 0px;}

#Caution{ background-color:#FF0;}
#Caution img{padding:20px;}

/*----------- Schedule------------*/
#Schedule{ background-color:#DBF8FD; text-align:center; padding:20px;}
.Schedule_date{font-size:158%; font-weight:bold;margin-top:10px;}
.Schedule_time{font-size:129%; line-height:1.4; margin-top:10px;}
.Schedule_time span.on_time{font-size:180%; line-height:1.4; margin-top:10px; color: #0B36AA; font-weight: bold;}
.Schedule_time span.until_pool{font-size:90%; line-height:1.4; margin-top:10px; color: #0B36AA; font-weight: normal;}
.Schedule_time p{font-size:100%; line-height:1.4; margin-top:10px; color: #333; font-weight: bold; vertical-align: middle;}
.Schedule_time p.on_day{font-size:90%; line-height:1.4; margin-top:10px; color: #0B36AA; font-weight: bold;}
@media screen and (max-width:480px) {.Schedule_time{font-size:100%; line-height:1.4; margin-top:10px;}}
.Schedule_back{}

/*-----------row-eq-height------------*/
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;display: flex;}
.panel {height: 100%;}


#Pickup{padding:30px 0px 10px 0px ;background-color: #F5F5F5;background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #FFF), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #FFF),color-stop(.75, #FFF), color-stop(.75, transparent),to(transparent));-webkit-background-size: 7px 7px;}
.Pickup_card{}
.Pickup_card p{ padding:10px 0px; line-height:1.8; text-align:center; font-weight:bold;}

#News{padding:30px 0px;}

#Recomend{background:#F5F5F5; padding:30px 0px;}
.panel-body{line-height:1.7;}
.Recomend_card{ background-color:#fff; margin-bottom:30px;}
.Recomend_card p{ padding:15px; line-height:1.8;}

#Special {padding:30px 0px;}

#Carousel{background:#000;}

#Slider img, 
#Special img, 
#Recomend img,
#Pickup img{ width:100%; height:auto;}

/*----------- SNS------------*/
#SNS{text-align:center; margin-top:40px; margin-bottom:30px;}
#SNS img{ width:45px; height:auto; }

/*----------- Groups------------*/
#Groups{background:#99CDFF; padding:55px 0px 15px 0px; background-image:url(../img/bg_wave.png);background-repeat: repeat-x;}
/*----------- footer_links------------*/
.footer_links {background-color:#6599FF; margin-bottom:0px; padding:20px 0px 10px 0px; text-align:left;}
.footer_links ul {list-style-type: none!important;list-style-position: inside; margin: 0; padding: 0;}
.footer_links li:before {font-family: FontAwesome;content: "\f0da";color: #FFF; /*アイコン色*/margin-left:10px;margin-right:10px;}
.footer_links li {line-height: 1.8;padding: 0.5em 0;display:inline;}

@media screen and (max-width:780px) {.footer_links li {line-height: 1.8;padding: 0.5em 0;display:block;}}

.footer_links li a { color:#FFF; text-decoration:none; margin-right:10px;}
/*----------- footer_bottom------------*/
#footer_bottom{background:#003399; font-size:100%; text-align:center; color:#FFF; padding-bottom:120px; margin-top:0px;}
address{font-size:100%}
Copy{font-size:60%;}


dl.top_newslist{width: 100%; margin-top: 0px;}
dl.top_newslist dt {display: inline-block; width: 160px; clear: left; float: left; margin-bottom:15px; white-space: nowrap;}
dl.top_newslist dd {display: inline-block;  float: left; margin-bottom:15px; line-height:1.7; margin-left: 20px;}
@media screen and (max-width:980px) {/*---ipad以下------*/
dl.top_newslist dt {display: block; width: 100%;  margin-bottom:5px; white-space: nowrap;}
dl.top_newslist dd {display: block; width: 100%;  margin-bottom:10px; line-height:1.7; border-bottom: 1px dotted #ccc; padding-bottom: 10px;}	
dl.top_newslist dt span.newsIcon {font-size: 7px;font-size: 0.4rem;display: inline-block;letter-spacing: 1.4;
	background: #ccc;color: #fff;width: 8em;margin-left: 1em; margin-right: 1em;padding: .2em .3em;text-align: center;border-radius: 10px;}
	}
dl.top_newslist dt span.newsIcon {font-size: 11px;font-size: 0.7rem;display: inline-block;letter-spacing: 1.4;background: #ccc;color: #fff;width: 8em;margin-left: 1em; margin-right: 1em;padding: .2em .3em;text-align: center;border-radius: 10px;}
dl.top_newslist dt span.newsIcon.icon_info{ background: #0159C5;}
dl.top_newslist dt span.newsIcon.icon_event{ background: #F85200;}
dl.top_newslist dt span.newsIcon.icon_coupon{ background: #FF7FBF;}
dl.top_newslist dt span.newsIcon.icon_market{ background: #3AA046;}
dl.top_newslist dt span.newsIcon.icon_ema{ background: #B32427;}
dl.top_newslist dt span.newsIcon.icon_maintenance{ background: #B7A48C;}




.panel-typeA { border-color: #F5F5F5; }
.panel-typeA > .panel-heading {color: #333;background-color: #f5f5f5;border-color: #ddd;}
.panel-typeA > .panel-heading + .panel-collapse > .panel-body {border-top-color: #ddd;} .panel-body h4 { color:#6699FF; font-weight:bold;}
.panel-typeA > .panel-heading .badge {color: #f5f5f5;background-color: #333;}
.panel-typeA > .panel-footer + .panel-collapse > .panel-body {border-bottom-color: #ddd;}
/*.panel-typeA :hover{background:#FFC;}*/
.panel-typeA .panel-body a{text-decoration:none;}


/*----------- COLOR BTN------------*/

a.btn {color: #fff; text-decoration:none;}


a.blank[target="_blank"]{
  color: #fff; 
  text-decoration: none;
}
a.blank[target="_blank"]::before{
  margin-right: 3px;
  content: "\f08e";
  font-family: FontAwesome;
  display: inline-block;
  vertical-align: -1px;
}
/*-----------btn-typeA ------------*/
.btn-typeA {color: #fff;background-color: #6699ff;border-color: #6699ff; border-bottom: solid 4px #3c67d7;}
.btn-typeA:hover,.btn-typeA:focus,
.btn-typeA:active,.btn-typeA.active,
.open > .dropdown-toggle.btn-typeA {-ms-transform: translateY(4px);webkit-transform: translateY(4px);transform: translateY(4px);border-bottom: none;color: #fff;}
.btn-typeA:active,.btn-typeA.active,.open > .dropdown-toggle.btn-typeA {background-image: none;}
.btn-typeA.disabled,.btn-typeA[disabled],fieldset[disabled] .btn-typeA,.btn-typeA.disabled:hover,
.btn-typeA[disabled]:hover,fieldset[disabled] .btn-typeA:hover,.btn-typeA.disabled:focus,
.btn-typeA[disabled]:focus,fieldset[disabled] .btn-typeA:focus,
.btn-typeA.disabled:active,.btn-typeA[disabled]:active,fieldset[disabled] .btn-typeA:active,
.btn-typeA.disabled.active,.btn-typeA[disabled].active,fieldset[disabled] .btn-typeA.active {background-color: #6699ff; border-color: #6699ff;transform: translateY(4px);color: #fff;}
.btn-typeA .badge {color: #6699ff;background-color: #fff;}

/*-----------btn-typeB ------------*/
.btn-typeB {color: #fff;background-color: #003399;border-color: #003399; border-bottom: solid 4px #001a6c;}
.btn-typeB:hover,.btn-typeB:focus,
.btn-typeB:active,.btn-typeB.active,
.open > .dropdown-toggle.btn-typeB {-ms-transform: translateY(4px);webkit-transform: translateY(4px);transform: translateY(4px);border-bottom: none;color: #fff;}
.btn-typeB:active,.btn-typeB.active,.open > .dropdown-toggle.btn-typeB {background-image: none;}
.btn-typeB.disabled,.btn-typeB[disabled],fieldset[disabled] .btn-typeB,.btn-typeB.disabled:hover,
.btn-typeB[disabled]:hover,fieldset[disabled] .btn-typeB:hover,.btn-typeB.disabled:focus,
.btn-typeB[disabled]:focus,fieldset[disabled] .btn-typeB:focus,
.btn-typeB.disabled:active,.btn-typeB[disabled]:active,fieldset[disabled] .btn-typeB:active,
.btn-typeB.disabled.active,.btn-typeB[disabled].active,fieldset[disabled] .btn-typeB.active {background-color: #003399; border-color: #003399;transform: translateY(4px);color: #fff;}
.btn-typeB .badge {color: #003399;background-color: #fff;}

/*-----------btn-typeC ------------*/
.btn-typeC {color: #fff;background-color: #E50012;border-color: #E50012; border-bottom: solid 4px #c10001;white-space: normal!important;}
.btn-typeC:hover,.btn-typeC:focus,
.btn-typeC:active,.btn-typeC.active,
.open > .dropdown-toggle.btn-typeC {-ms-transform: translateY(4px);webkit-transform: translateY(4px);transform: translateY(4px);border-bottom: none;color: #fff;}
.btn-typeC:active,.btn-typeC.active,.open > .dropdown-toggle.btn-typeC {background-image: none;}
.btn-typeC.disabled,.btn-typeC[disabled],fieldset[disabled] .btn-typeC,.btn-typeC.disabled:hover,
.btn-typeC[disabled]:hover,fieldset[disabled] .btn-typeC:hover,.btn-typeC.disabled:focus,
.btn-typeC[disabled]:focus,fieldset[disabled] .btn-typeC:focus,
.btn-typeC.disabled:active,.btn-typeC[disabled]:active,fieldset[disabled] .btn-typeC:active,
.btn-typeC.disabled.active,.btn-typeC[disabled].active,fieldset[disabled] .btn-typeC.active {background-color: #E50012; border-color: #c10001;transform: translateY(4px);color: #fff;}
.btn-typeC .badge {color: #E50012;background-color: #fff;}

/*-----------btn-type-end 終了ボタン------------*/
.btn-type-end {color: #fff;background-color: #A1A1A1;border-color: #A1A1A1; border-bottom: solid 4px A1A1A1; text-align: center;}
.btn-type-end:hover,.btn-type-end:focus,
.btn-type-end:active,.btn-type-end.active,
.open > .dropdown-toggle.btn-type-end {}
.btn-type-end:active,.btn-type-end.active,.open > .dropdown-toggle.btn-type-end {background-image: none;}
.btn-type-end.disabled,.btn-type-end[disabled],fieldset[disabled] .btn-type-end,.btn-type-end.disabled:hover,
.btn-type-end[disabled]:hover,fieldset[disabled] .btn-type-end:hover,.btn-type-end.disabled:focus,
.btn-type-end[disabled]:focus,fieldset[disabled] .btn-type-end:focus,
.btn-type-end.disabled:active,.btn-type-end[disabled]:active,fieldset[disabled] .btn-type-end:active,
.btn-type-end.disabled.active,.btn-type-end[disabled].active,fieldset[disabled] .btn-type-end.active {}
.btn-type-end .badge {color: #A1A1A1;background-color: #fff;}


.btn-headers {color: #fff;background-color: #0B36AA;border-color: #0B36AA; font-size: 90%;}
.btn-headers:hover,
.btn-headers:focus,
.btn-headers:active,
.btn-headers.active,
.open > .dropdown-toggle.btn-headers {color: #fff;background-color:#6599FF;boder-color: #6599FF;}





/*----------- margins------------*/
.mt5  {margin-top: 5px;}.mt10 {margin-top: 10px;}.mt15 {margin-top: 15px;}.mt20 {margin-top: 20px;}.mt25 {margin-top: 25px;}.mt30 {margin-top: 30px;}.mt35 {margin-top: 35px;}.mt40 {margin-top: 40px;}.mt45 {margin-top: 45px;}.mt50 {margin-top: 50px;}.mt55 {margin-top: 55px;}.mt60 {margin-top: 60px;}.mb5 {margin-bottom: 5px;}.mb10 {margin-bottom: 10px;}.mb15 {margin-bottom: 15px;}.mb20 {margin-bottom: 20px;}.mb25 {margin-bottom: 25px;}.mb30 {margin-bottom: 30px;}.mb35 {margin-bottom: 35px;}.mb40 {margin-bottom: 40px;}.mb45 {margin-bottom: 45px;}.mb50 {margin-bottom: 50px;}.mb55 {margin-bottom: 55px;}.mb60 {margin-bottom: 60px;}.mr5 {margin-right: 5px;}.mr10 {margin-right: 10px;}.mr15 {margin-right: 15px;}.mr20 {margin-right: 20px;}.mr25 {margin-right: 25px;}.mr30 {margin-right: 30px;}.mr35 {margin-right: 35px;}.mr40 {margin-right: 40px;}.mr45 {margin-right: 45px;}.mr50 {margin-right: 50px;}.mr55 {margin-right: 55px;}.mr60 {margin-right: 60px;}.ml5 {margin-left: 5px;}.ml10 {margin-left: 10px;}.ml15 {margin-left: 15px;}.ml20 {margin-left: 20px;}.ml25 {margin-left: 25px;}.ml30 {margin-left: 30px;}.ml35 {margin-left: 35px;}.ml40 {margin-left: 40px;}.ml45 {margin-left: 45px;}.ml50 {margin-left: 50px;}.ml55 {margin-left: 55px;}.ml60 {margin-left: 60px;}
/*----------- padding------------*/
.pt5 {padding-top: 5px;}.pt10 {padding-top: 10px;}.pt15 {padding-top: 15px;}.pt20 {padding-top: 20px;}.pt25 {padding-top: 25px;}.pt30 {padding-top: 30px;}.pt35 {padding-top: 35px;}.pt40 {padding-top: 40px;}.pt45 {padding-top: 45px;}.pt50 {padding-top: 50px;}.pt55 {padding-top: 55px;}.pt60 {padding-top: 60px;}.pb5 {padding-bottom: 5px;}.pb10 {padding-bottom: 10px;}.pb15 {padding-bottom: 15px;}.pb20 {padding-bottom: 20px;}.pb25 {padding-bottom: 25px;}.pb30 {padding-bottom: 30px;}.pb35 {padding-bottom: 35px;}.pb40 {padding-bottom: 40px;}.pb45 {padding-bottom: 45px;}.pb50 {padding-bottom: 50px;}.pb55 {padding-bottom: 55px;}.pb60 {padding-bottom: 60px;}.pr5 {padding-right: 5px;}.pr10 {padding-right: 10px;}.pr15 {padding-right: 15px;}.pr20 {padding-right: 20px;}.pr25 {padding-right: 25px;}.pr30 {padding-right: 30px;}.pr35 {padding-right: 35px;}.pr40 {padding-right: 40px;}.pr45 {padding-right: 45px;}.pr50 {padding-right: 50px;}.pr55 {padding-right: 55px;}.pr60 {padding-right: 60px;}.pl0 {padding-left: 0px;}.pl5 {padding-left: 5px;}.pl10 {padding-left: 10px;}.pl15 {padding-left: 15px;}.pl20 {padding-left: 20px;}.pl25 {padding-left: 25px;}.pl30 {padding-left: 30px;}.pl35 {padding-left: 35px;}.pl40 {padding-left: 40px;}.pl45 {padding-left: 45px;}.pl50 {padding-left: 50px;}.pl55 {padding-left: 55px;}.pl60 {padding-left: 60px;}