.loading .loading-wrap .loading-box {
  background: #04AABB;
  /* Old browsers */
  background: -moz-linear-gradient(left, rgba(4, 170, 187, 1) 0%, rgba(0, 134, 147, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(4, 170, 187, 1) 0%, rgba(0, 134, 147, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(4, 170, 187, 1) 0%, rgba(0, 134, 147, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#385196', endColorstr='#25215d', GradientType=1);
  /* IE6-9 */
}

/*
======================
トップ
======================
*/
.nav_head_left .logo, .sp_nav_head .logo{
  width: 140px;
}
.content_title{
  color: #04AABB;
}
.nav_head_left .info,
.sp_nav_head .info {
  color: #231F20;
}
nav{
  background: #04AABB;
}
nav ul li a{
  color: #fff;
}
nav ul li a:hover{
  background: #fff;
  color: #04AABB;
}
nav ul li.dropdown div.dropdown_menu{
  background: #fff;
  box-shadow: 0 0 5px #ddd;
}
nav ul li.dropdown div.dropdown_menu ul li a{
  color: #231F20;
  border-color: rgba(34, 30, 31, 0.5);
}

.registration_btn a {
  padding: 13px 0;
  width: 200px;
  color: #fff;
  display: block;
  background: #04AABB;
  /* Old browsers */
  background: -moz-linear-gradient(left, rgba(4, 170, 187, 1) 0%, rgba(0, 134, 147, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(4, 170, 187, 1) 0%, rgba(0, 134, 147, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(4, 170, 187, 1) 0%, rgba(0, 134, 147, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#385196', endColorstr='#25215d', GradientType=1);
  /* IE6-9 */
  font-size: 14px;
  line-height: 1.5;
}
.mypage a{
  background: transparent;
  color: #04AABB;
}
.mypage a::before{
  background: url(/common/june/img/cmt/icon/mypage.png) no-repeat;
  width: 23px;
  height: 23px;
  background-size: 23px;
}
.menu-trigger span,
.sp_menu-trigger span {
  background-color: #04AABB;
}
.main_slider_text {
  background: rgba(208, 36, 51);
  /* Old browsers */
  background: -moz-linear-gradient(left, rgba(4, 170, 187, 1) 0%, rgba(0, 134, 147, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(4, 170, 187, 1) 0%, rgba(0, 134, 147, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(4, 170, 187, 1) 0%, rgba(0, 134, 147, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#385196', endColorstr='#25215d', GradientType=1);
  /* IE6-9 */
  background: #fff;
  color: #231F20;
  /* position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%; */
}
.main_slider_img{
  width: 50%;
  background: rgba(208, 36, 51);
  /* Old browsers */
  background: -moz-linear-gradient(left, rgba(4, 170, 187, .5) 0%, rgba(0, 134, 147, .5) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(4, 170, 187, .5) 0%, rgba(0, 134, 147, .5) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(4, 170, 187, .5) 0%, rgba(0, 134, 147, .5) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#385196', endColorstr='#25215d', GradientType=1);
  /* IE6-9 */
	position: relative;
}
.main_slider_img:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	animation: opa 1s ease-in-out 1s forwards;
	background: linear-gradient(to right, rgba(4, 170, 187, .4) 0%, rgba(0, 134, 147, .4) 100%);
	z-index: 999;
	right: 0;
	top: 0;
}
.main_slider_text_wrap h2.catch{
  text-indent: -1em;
  padding-left: 1em;
}
.main_slider_text_wrap h2.catch::before{
  background: #231F20;
}
.main_slider_text_wrap p.detail_btn a{
  background: #04AABB;
  color: #fff;
}
.slick-counter {
  color: #04AABB;
}
.slide-arrow.prev-arrow::after {
  border-top: 2px solid #04AABB;
  border-right: 2px solid #04AABB;
}
.slide-arrow.next-arrow::after {
  border-top: 2px solid #04AABB;
  border-right: 2px solid #04AABB;
}

.pr_banner>p {
  color: #231F20;
}
.icon_guide_content ul li.interop p{
  color: #04AABB;
}
.pr_banner .slide-arrow.prev-arrow::after,
.pr_banner .slide-arrow.next-arrow::after {
  border-top: 2px solid #04AABB;
  border-right: 2px solid #04AABB;
}
.information_wrap{
  color: #04AABB;
}
.news_more a{
  border: 2px solid #04AABB;
  color: #04AABB;
}
.news_more a::after{
  border-top: 2px solid #04AABB;
  border-right: 2px solid #04AABB;
}
.visitors ul li .visitors_head p{
  border-bottom: 1px solid #04AABB;
}
.visitors ul li .visitors_body p.num{
  color: #04AABB;
}
.visitors ul li.total .visitors_head{
  background: rgba(208, 36, 51);
  /* Old browsers */
  background: -moz-linear-gradient(left, rgba(4, 170, 187, 1) 0%, rgba(0, 134, 147, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(4, 170, 187, 1) 0%, rgba(0, 134, 147, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(4, 170, 187, 1) 0%, rgba(0, 134, 147, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#385196', endColorstr='#25215d', GradientType=1);
  /* IE6-9 */
}
.shownet .slide-arrow.prev-arrow::after,
.shownet .slide-arrow.next-arrow::after {
  border-top: 2px solid #04AABB;
  border-right: 2px solid #04AABB;
}
.shownet .contents_text h2{
  color: #04AABB!important;
}
.shownet .contents_text h2.text_title.type3{
  color: #04AABB;
}
.interop_wrap .contents_text h2 span{
  color: #04AABB;
}
.interop_wrap .contents_text h2 img{
  width: 280px;
}
#special_contents{
  background: rgba(208, 36, 51);
  /* Old browsers */
  background: -moz-linear-gradient(left, rgba(4, 170, 187, 1) 0%, rgba(0, 134, 147, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(4, 170, 187, 1) 0%, rgba(0, 134, 147, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(4, 170, 187, 1) 0%, rgba(0, 134, 147, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#385196', endColorstr='#25215d', GradientType=1);
  /* IE6-9 */
}


@media only screen and (max-width:736px) {
  .nav_head_left .logo, .sp_nav_head .logo{
    width: 140px;
  }
  nav{
    background: #fff;
  }
  nav ul li a{
    color: #231F20;
    /* border-bottom: 1px solid #04AABB; */
  }
  nav ul li{
    /* color: #231F20; */
    border-bottom: 1px solid #04AABB;
  }
  nav>ul>li>a::after{
    border-top: 2px solid #04AABB;
    border-right: 2px solid #04AABB;
  }
  nav ul li.facebook a, nav ul li.twitter a{
    border-bottom: 1px solid #04AABB;
  }
  nav ul li.facebook a{
    border-right: 1px solid #04AABB;
  }
  nav ul li.dropdown div.dropdown_menu ul li a::after{
    border-color: #04AABB;
  }
  nav ul li a img.hover_a{
    display: inline-block;
  }
  nav>ul>li.dropdown>a::after{
    border-color: #04AABB;
  }
  .nav_head_left .info, .sp_nav_head .info{
    border-bottom: 1px solid #04AABB;
  }
  .sp_mid_nav{
    background: #04AABB;
  }
  .sp_mid_nav ul li a {
    color: #fff;
  }
  .mypage a{
    border-left: 1px solid #04AABB;
  }
  .nav_head_right .langswitch p:last-child a{
    border-right: 1px solid #04AABB;
  }
  .nav_head_right .langswitch p:first-child a{
    border-right: 1px solid #04AABB;
    border-left: 1px solid #04AABB;
  }
  .nav_head_right .langswitch a:first-child{
    border-left: 1px solid #04AABB;
    border-right: 1px solid #04AABB;
  }
  .nav_head_right .langswitch a:last-child{
    border-right: 1px solid #04AABB;
  }
  .nav_head_right .langswitch a{
    border-top: 1px solid #04AABB;
    border-bottom: 1px solid #04AABB;
  }
  .main_slider_text_wrap h2.catch{
    text-indent: -1.8em;
    padding-left: 1.8em;
  }
  .interop_wrap .contents_text h2 img{
    width:120px;
  }
}




/*
======================
about
======================
*/
.blend{
  background: rgba(208, 36, 51);
  /* Old browsers */
  background: -moz-linear-gradient(left, rgba(4, 170, 187, .5) 0%, rgba(0, 134, 147, .5) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(4, 170, 187, .5) 0%, rgba(0, 134, 147, .5) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(4, 170, 187, .5) 0%, rgba(0, 134, 147, .5) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#385196', endColorstr='#25215d', GradientType=1);
  /* IE6-9 */
}
.text_area h2{
  color: #04AABB;
}

.subnav ul li.current a::after{
  background: #04AABB;
}
h3.outline_title{
  margin-bottom: 0;
}

.committee_wrap .intro{
  margin-top: 35px;
}

h4.outline_sub_title{
  color: #04AABB;
}
h4.outline_sub_title:after{
  background: #04AABB;
}

.about_kv_slider .slick-dots li.slick-active button:before{
  color: rgba(4, 170, 187, 0.5)!important;
}


/*
======================
faq
======================
*/
.subnav ul li.subnav_btns a{
  background: rgba(208, 36, 51);
  /* Old browsers */
  background: -moz-linear-gradient(left, rgba(4, 170, 187, 1) 0%, rgba(0, 134, 147, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(4, 170, 187, 1) 0%, rgba(0, 134, 147, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(4, 170, 187, 1) 0%, rgba(0, 134, 147, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#385196', endColorstr='#25215d', GradientType=1);
  /* IE6-9 */
}

.faq_contents h4 span{
  background: #04AABB;
}

.faq_contents h4::after{
  border-color: #04AABB;
}

.to_pageTop a::before{
  background: #04AABB;
}

.various_contact{
  background: rgba(208, 36, 51);
  /* Old browsers */
  background: -moz-linear-gradient(left, rgba(4, 170, 187, 1) 0%, rgba(0, 134, 147, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(4, 170, 187, 1) 0%, rgba(0, 134, 147, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(4, 170, 187, 1) 0%, rgba(0, 134, 147, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#385196', endColorstr='#25215d', GradientType=1);
  /* IE6-9 */
}

/*
======================
access
======================
*/
.venue_map h3{
  color: #04AABB;
}
.venue_map_info_body dl.train dt{
  background: url(/common/june/img/cmt/access/train.png) 0 50%/16px no-repeat;
}
.venue_map_info_body dl.bus dt{
  background:  url(/common/june/img/cmt/access/bus.png) 0 50%/16px no-repeat;
}
.venue_map_info_body dl.bus dd a:after{}
.venue_map_info_head p.hp_link a{
  color: #04AABB;
  border-color: #04AABB;
}

.venue_map_info_head p.hp_link a::after{
  border-color: #04AABB;
}

.venue_map_info_body dl.bus dd a:after{
  border-color: #04AABB;
}

.venue_map_info_body dl dt{
  color: #04AABB;
}



/*
======================
information
======================
*/
.kv::after{
  background: rgba(208, 36, 51);
  /* Old browsers */
  background: -moz-linear-gradient(left, rgba(4, 170, 187, .1) 0%, rgba(0, 134, 147, .1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(4, 170, 187, .1) 0%, rgba(0, 134, 147, .1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(4, 170, 187, .1) 0%, rgba(0, 134, 147, .1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#385196', endColorstr='#25215d', GradientType=1);
  /* IE6-9 */
}

.information_page_contents dl dt{
  color: #04AABB;
}
.information_page_contents dl{
  border-color: #04AABB;
}
.information_page_contents dl.has_detail a::after{
  border-color: #04AABB;
}




/*
======================
アニメーション
======================
*/
.box_anime.ba_blue::before{
  background: rgba(208, 36, 51);
  /* Old browsers */
  background: -moz-linear-gradient(left, rgba(4, 170, 187, 1) 0%, rgba(0, 134, 147, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(4, 170, 187, 1) 0%, rgba(0, 134, 147, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(4, 170, 187, 1) 0%, rgba(0, 134, 147, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#385196', endColorstr='#25215d', GradientType=1);
  /* IE6-9 */
}