.subnav li{
  width: 50%;
}
.subnav ul li a{
  padding: 0;
}
.subnav ul li{
  margin: 0;
}
.subnav ul li a{
  color: #fff;
  padding: 13px 0;
  font-size: 14px;
}
.subnav ul li.point a{
  background: #1C75BC;
  text-align: right;
  padding: 13px 30px 13px 0;
}
.external_wrap{
  display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
  -webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
  -webkit-box-pack: justify;
	/*Android4.3*/
	-moz-box-pack: justify;
	/*Firefox21*/
	-ms-flex-pack: justify;
	/*IE10*/
	-webkit-justify-content: space-between;
	/*PC-Safari,iOS8.4*/
	justify-content: space-between;
  max-width: 1200px;
  margin: auto;
}
.external_wrap h3{
  font-size: 28px;
  margin-bottom: 15px;
  text-align: left;
}
.external_wrap .topology{
  width: 30%;
}
.external_wrap .external{
  width: 30%;
  text-align: center;
}
.external_wrap .showneticon{
  width: 30%;
  text-align: left;
}
@media only screen and (max-width: 736px){
.external_wrap .showneticon {
  width: 100%;
  margin: 20px 0 30px;
 }
}
.external_wrap small{
  display: block;
  text-align: right;
}
.external_wrap small.left{
  display: block;
  text-align: left;
}
#topology_external h2{
  font-size: 28px;
  margin-bottom: 40px;
  text-align: center;
}
@media only screen and (max-width: 736px){
#topology_external > h2 {
    font-size: 18px;
    padding: 0 10px;
 }
}
.subnav ul li.experience{
  position: relative;
}
.subnav ul li.experience a{
  padding: 13px 0 13px 30px;
  text-align: left;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#395196+0,21135f+100 */
background: rgb(57,81,150); /* Old browsers */
background: -moz-linear-gradient(left, rgba(57,81,150,1) 0%, rgba(33,19,95,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(57,81,150,1) 0%,rgba(33,19,95,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(57,81,150,1) 0%,rgba(33,19,95,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#395196', endColorstr='#21135f',GradientType=1 ); /* IE6-9 */
}

.subnav ul li span.balloon{
  font-size: 12px;
  display: inline-block;
  text-align: left;
  position: absolute;
  left: 110px;
  bottom: -40px;
  padding: 10px 15px 7px 50px;
  border-radius: 7px;
  background: #fff url(/common/june/img/shownet/icon_pdf.png) 15px 50%/25px no-repeat;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  z-index: 999999;
}
.subnav ul li span.balloon::before{
  border: solid transparent;
  content:'';
  height:0;
  width:0;
  pointer-events:none;
  position:absolute;
  border-color: rgba(0, 153, 255, 0);
  border-top-width:20px;
  border-bottom-width:10px;
  border-left-width:8px;
  border-right-width:8px;
  margin-left: -13px;
  border-top-color:#fff;
  top:-18px;
  left: 0;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(130deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

/* #award{
  background: #fff;
} */
.award_inner > h2{
  font-size: 28px;
}
.award_inner{
  max-width: 1200px;
  margin: auto;
}
.award_wrap{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
	/*Android4.3*/
	-moz-box-pack: justify;
	/*Firefox21*/
	-ms-flex-pack: justify;
	/*IE10*/
	-webkit-justify-content: space-between;
	/*PC-Safari,iOS8.4*/
	justify-content: space-between;
  padding-top: 60px;
}
.award_text_area{
  padding: 0 10px;
}
.award_text_area h3{
  text-align: center;
  border-bottom: 1px solid #666;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: normal;
}
.product_name{
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold;
}
.company_name li{
  font-size: 14px;
  color: #5d5b5b;
}
.award_wrap .left{
  width: 30%;
}
.award_wrap .right{
  width: 60%;
}
.award_wrap .left .badge{
  text-align: center;
  margin-bottom: 20px;
}
.award_wrap .left .badge img{
   width: 90%;
   margin: auto;
}

.award_wrap .right > ul > li{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
	/*Android4.3*/
	-moz-box-pack: justify;
	/*Firefox21*/
	-ms-flex-pack: justify;
	/*IE10*/
	-webkit-justify-content: space-between;
	/*PC-Safari,iOS8.4*/
	justify-content: space-between;
  margin-bottom: 40px;
}

.award_wrap .right > ul > li .badge{
  width: 30%;
}
.award_wrap .right > ul > li .award_text_area{
  width: 65%;
}

.award_wrap .right > ul > li .award_text_area h3{
  text-align: left;
}

@media only screen and (max-width:736px){
  #award{
    padding: 15px 15px 40px 15px;
  }
  .award_wrap{
    padding: 30px 0 0 0 ;
  }
  .award_inner > h2{
    font-size: 18px;
  }
  .award_text_area h3{
    text-align: left;
    font-size: 16px;
  }
  .product_name{
    font-size: 14px;
  }
  .company_name li{
    font: 13px;
  }
  .award_wrap .left{
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
  	/*Android4.3*/
  	-moz-box-pack: justify;
  	/*Firefox21*/
  	-ms-flex-pack: justify;
  	/*IE10*/
  	-webkit-justify-content: space-between;
  	/*PC-Safari,iOS8.4*/
  	justify-content: space-between;
    margin-bottom: 40px;
  }
  .award_wrap .left .badge{
    width: 30%;
  }
  .award_wrap .left .badge img{
    width: 100%;
  }
  .award_wrap .left .award_text_area{
    width: 65%;
  }
  .award_wrap .right{
    width: 100%;
  }
  .award_wrap .right > ul > li:last-child{
    margin-bottom: 0;
  }
}

#point{
  background: #F9F9F9;
}
.text_area h2{
  width: 70%;
}

@media only screen and (min-width:736px){
.point_wrap{
  max-width: 1300px;
  margin: auto;
 }
}


h3.hash_title{
  font-size: 28px;
  margin-bottom: 25px;
}
.point_wrap .tags{
  padding: 40px 0;
}
.point_wrap .tags ul{
  display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
  -webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
  margin-bottom: 10px;
}

.point_wrap .tags ul li{
  font-size: 16px;
  margin: 0 10px;
}

.point_wrap .tags ul.tag1 li{
  color: #1C75BC;
}

.point_wrap .tags ul.tag2 li{
  color: #262262;
}

.category_keywords{
  padding: 40px 0;
}
.category_keywords li{
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 10px;
  margin-bottom: 5px;
}
.category_keywords li h4{
  font-size: 18px;
  margin-bottom: 5px;
  position: relative;
  cursor: pointer;
  padding-top: 12px;
}
.category_keywords li h4::after{
  content: "";
	position: absolute;
	top: 50%;
	right: 5px;
	transform: translate(0, -50%)rotate(135deg);
	-moz-transform: translate(0, -50%)rotate(135deg);
	-webkit-transform: translate(0, -50%)rotate(135deg);
	display: inline-block;
	width: 13px;
	height: 13px;
	border-top: 2px solid #2B3990;
	border-right: 2px solid #2B3990;
	display: inline-block;
}
.category_keywords li h4.open::after{
  transform: translate(0, -50%)rotate(-45deg);
	-moz-transform: translate(0, -50%)rotate(-45deg);
	-webkit-transform: translate(0, -50%)rotate(-45deg);
}
.category_keywords li h4 span{
  /* font-family: 'Oswald', sans-serif; */
  font-weight: 100;
  font-size: 14px;
  display: block;
  padding: 5px;
  /* width: 35px;
  height: 35px;
  line-height: 35px; */
  /* border-radius: 50%; */
  background: #1C75BC;
  text-align: center;
  color: #fff;
  vertical-align: middle;
  margin-right: 20px;
  letter-spacing: 1.8px;
  width: 150px;
  margin-bottom: 10px;
}

.category_keywords li p{
  font-size: 15px;
  /* padding-left: 55px; */
}

.category_keywords li p{
  display: none;
}

#experience{
background: rgb(51,102,153); /* Old browsers */
background: -moz-linear-gradient(left, rgba(51,102,153,1) 0%, rgba(33,19,95,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(51,102,153,1) 0%,rgba(33,19,95,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(51,102,153,1) 0%,rgba(33,19,95,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336699', endColorstr='#21135f',GradientType=1 ); /* IE6-9 */
}

#experience.experience-shownet{
  background: #BFD0D9 !important;
}

.shownet-tab{
  background: #35468C !important;
}

.shownet-stage > h3{
  color: #000 !important;
  text-align: center !important;
}

.experience_wrap{
  max-width: 1200px;
  margin: auto;
}
.experience_wrap h2.title{
  color: #fff;
}

.show_book_wrap{
  padding: 40px 0;
  display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
  -webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
  -webkit-box-pack: justify;
	/*Android4.3*/
	-moz-box-pack: justify;
	/*Firefox21*/
	-ms-flex-pack: justify;
	/*IE10*/
	-webkit-justify-content: space-between;
	/*PC-Safari,iOS8.4*/
	justify-content: space-between;
}
.show_book{
  border: 2px solid #fff;
  position: relative;
  padding: 40px 65px;
  text-align: center;
  width: 47%;
}
.show_book img{
  position: absolute;
  left: -40px;
  top: -40px;
  width: 148px;
}
.show_book h3{
  color: #fff;
  font-size: 30px;
  position: relative;
  line-height: 1.8;
}
.show_book h3 span{
  color: #DA1C5C;
}
.download_btn{
  margin-top: 40px;
}
.download_btn a{
  border: 1px solid #fff;
  color: #fff;
  display: block;
  padding: 15px 10px;
  font-size: 18px;
  font-weight: bold;
}
.download_btn a span{
  background: url(/common/june/img/shownet/point/pdf.png) 0 50%/25px no-repeat;
  padding: 10px 40px;
}
.patrol{
  width: 47%;
  border: 2px solid #fff;
  position: relative;
}
.patrol a{
  padding: 40px 70px;
  color: #fff;
  display: block;
}
.patrol a > span{
  font-size: 18px;
  color: #F9ED32;
  margin-bottom: 10px;
  display: block;
}
.patrol a:hover{
  opacity: 0.7;
}
.patrol h3{
  color: #fff;
  font-size: 24px;
  line-height: 1.7;
}

.patrol .more_btn{
  position: absolute;
  right: 15px;
  bottom: 15px;
  background: #fff;
  width: 58px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  color: #2B3990;
  font-weight: bold;
  font-size: 38px;
}

/* ムービー部分 */
.mfp-bg{
  background: rgb(57, 81, 150);
  /* Old browsers */
  background: -moz-linear-gradient(left, rgba(57, 81, 150, .95) 0%, rgba(33, 19, 95, .95) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(57, 81, 150, .95) 0%, rgba(33, 19, 95, .95) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(57, 81, 150, .95) 0%, rgba(33, 19, 95, .95) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#395196', endColorstr='#21135f', GradientType=1);
  /* IE6-9 */
}
.pickup_session_detail_wrap{
  max-width: 1024px;
  margin: auto;
  background: #fff;
  padding: 30px;
}

.mfp-content{
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
  max-width: 1024px!important;
}

.mfp-content header{
  display: none;
}

.mfp-close-btn-in .mfp-close{
  right: -44px;
  top: -44px;
  color: #fff;
}

.modal_movie_wrap iframe{
  width: 100%;
  height: 420px;
}

.tours_wrap{
  padding: 40px 0;
  display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
  -webkit-box-pack: justify;
	/*Android4.3*/
	-moz-box-pack: justify;
	/*Firefox21*/
	-ms-flex-pack: justify;
	/*IE10*/
	-webkit-justify-content: space-between;
	/*PC-Safari,iOS8.4*/
	justify-content: space-between;
}
.tours_wrap h3{
  font-size: 26px;
  color: #fff;
  margin-bottom: 20px;
}
.tours_wrap h3 span{
  display: block;
  font-size: 16px;
}
.tours_content_wrap{
  width: 47%;
}
.tours_content{
  padding: 20px;
  background: #fff;
  height: 500px;
  transition: all 0.3s ease-in-out;
}

.tours_content.hover_action::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(51,102,153);
  background: -moz-linear-gradient(left, rgba(51,102,153,.4) 0%, rgba(33,19,95,.4) 100%);
  background: -webkit-linear-gradient(left, rgba(51,102,153,.4) 0%,rgba(33,19,95,.4) 100%);
  background: linear-gradient(to right, rgba(51,102,153,.4) 0%,rgba(33,19,95,.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336699', endColorstr='#21135f',GradientType=1 );
  z-index: 2;
}

.tours_content p{
  font-size: 14px;
  margin-top: 15px;
  line-height: 1.6;
}

.tours_content_img{
  position: relative;
}
.tours_content_img .more_btn{
  transition: all 0.3s ease-in-out;
  position: absolute;
  background: rgb(51,102,153);
  background: -moz-linear-gradient(left, rgba(51,102,153,1) 0%, rgba(33,19,95,1) 100%);
  background: -webkit-linear-gradient(left, rgba(51,102,153,1) 0%,rgba(33,19,95,1) 100%);
  background: linear-gradient(to right, rgba(51,102,153,1) 0%,rgba(33,19,95,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336699', endColorstr='#21135f',GradientType=1 );
  bottom: 5px;
  right: 0;
  width: 58px;
  height: 58px;
  /* line-height: 58px; */
  text-align: center;
  cursor: pointer;
  color: #fff;
  font-size: 9px;
  padding-top: 5px;
}
.tours_content_img .more_btn span{
  color: #fff;
  font-size: 30px;
  transform: rotateZ(0deg);
  display: block;
  transition: all 0.3s ease-in-out;
  line-height: 1;
}

.tours_content_img .more_btn:hover span{
  transform: rotateZ(180deg);
}

.tours_content_modal{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgb(51,102,153);
  background: -moz-linear-gradient(left, rgba(51,102,153,.9) 0%, rgba(33,19,95,.9) 100%);
  background: -webkit-linear-gradient(left, rgba(51,102,153,.9) 0%,rgba(33,19,95,.9) 100%);
  background: linear-gradient(to right, rgba(51,102,153,.9) 0%,rgba(33,19,95,.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336699', endColorstr='#21135f',GradientType=1 );
  z-index: 9999999;
  padding: 60px;
  display: none;
}
.tours_content_modal_wrap{
  background: rgba(255, 255, 255, 0.9);
  padding: 30px;
  position: absolute;
  width: 80%;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
}
.tours_content_modal .register_bnt{
  text-align: center;
  margin-top: 30px;
}
.tours_content_modal .register_bnt a{
  background: rgb(238, 42, 123);
    background: -moz-linear-gradient(left, rgba(238, 42, 123, 1) 0%, rgba(158, 31, 99, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(238, 42, 123, 1) 0%, rgba(158, 31, 99, 1) 100%);
    background: linear-gradient(to right, rgba(238, 42, 123, 1) 0%, rgba(158, 31, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee2a7b', endColorstr='#9e1f63', GradientType=1);
  display: inline-block;
  color: #fff;
  font-size: 14px;
  padding: 10px 30px;
  border-radius: 10px;

}

.close_btn{
  background: #DA1C5C;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  right: 15px;
  top: 15px;
}

.close_btn span{
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
}

.tours_content_modal_wrap h4{
  font-size: 18px;
  margin-bottom: 10px;
}
.tours_content_modal_wrap p{
  margin-bottom: 10px;
  font-size: 14px;
}
.tours_content_modal_wrap .schedule{
  margin-top: 10px;
  display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
}
.tours_content_modal_wrap .schedule ul{
  margin-bottom: 15px;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #ddd;
}
.tours_content_modal_wrap .schedule ul:last-child{
  margin-right: 0;
  border-right: 0;
}
.tours_content_modal_wrap .schedule ul p{
  font-weight: bold;
  margin-bottom: 5px;
}
.tours_content_modal_wrap .schedule ul li{
  font-size: 14px;
}


.tours_content_modal_wrap table th,
.tours_content_modal_wrap table td{
  font-size: 14px;
  vertical-align: top;
  padding-bottom: 10px;
}
.tours_content_modal_wrap table th{
  width: 100px;
}

/* walking tour modal */
.tour_detail_modal{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: background: rgb(57, 81, 150);
  background: -moz-linear-gradient(left, rgba(0, 74, 115, .95) 0%, rgba(0, 74, 115, .95) 100%);
  background: -webkit-linear-gradient(left, rgba(0, 74, 115, .95) 0%, rgba(0, 74, 115, .95) 100%);
  background: linear-gradient(to right, rgba(0, 74, 115, .95) 0%, rgba(0, 74, 115, .95) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#395196', endColorstr='#21135f', GradientType=1);
  z-index: 9999999;
  padding: 60px;
  display: none;
}

.tour_detail_wrap{
  background: #fff;
  padding: 30px;
  position: absolute;
  width: 80%;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
}

.tour_detail_wrap h4{
  font-size: 18px;
  margin-bottom: 10px;
}
.tour_detail_wrap p{
  margin-bottom: 10px;
  font-size: 14px;
}
.tour_detail_wrap .tour-schedule{
  margin-top: 10px;
  display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
}
.tour_detail_wrap .tour-schedule ul{
  margin-bottom: 15px;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #ddd;
}
.tour_detail_wrap .tour-schedule ul:last-child{
  margin-right: 0;
  border-right: 0;
}
.tour_detail_wrap .tour-schedule ul p{
  font-weight: bold;
  margin-bottom: 5px;
}
.tour_detail_wrap .tour-schedule ul li{
  font-size: 14px;
}

.tours_detail_modal .btn-close{
  text-align: center;
  margin-top: 30px;
}
.tours_detail_modal .btn-close a{
  background: rgb(238, 42, 123);
    background: -moz-linear-gradient(left, rgba(238, 42, 123, 1) 0%, rgba(158, 31, 99, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(238, 42, 123, 1) 0%, rgba(158, 31, 99, 1) 100%);
    background: linear-gradient(to right, rgba(238, 42, 123, 1) 0%, rgba(158, 31, 99, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee2a7b', endColorstr='#9e1f63', GradientType=1);
  display: inline-block;
  color: #fff;
  font-size: 14px;
  padding: 10px 30px;
  border-radius: 10px;
}

.btn-close{
  background: #DA1C5C;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  right: 15px;
  top: 15px;
}

.btn-close span{
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
}


@media only screen and (max-width:736px){
   .tour_detail_modal{
    padding: 15px;
  }
  .tour_detail_wrap{
    position: static;
    top: inherit;
    transform: inherit;
    width: 100%;
    height: 99%;
    overflow-y: scroll;
  }
}



.access_corner{
  margin: 40px 0;
  border: 2px solid #fff;
  display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
  -webkit-box-pack: justify;
	/*Android4.3*/
	-moz-box-pack: justify;
	/*Firefox21*/
	-ms-flex-pack: justify;
	/*IE10*/
	-webkit-justify-content: space-between;
	/*PC-Safari,iOS8.4*/
	justify-content: space-between;
  -webkit-box-align: center;
	/*Android4.3*/
	-moz-box-align: center;
	/*Firefox21*/
	-ms-flex-align: center;
	/*IE10*/
	-webkit-align-items: center;
	/*PC-Safari,iOS8.4*/
	align-items: center;
  padding: 25px;
}
.access_corner_left{
  width: 35%;
}
.access_corner_right{
  width: 60%;
  color: #fff;
}
.access_corner_right h3{
  font-size: 28px;
  margin-bottom: 20px;
}
.stage_info_wrap .tab_nav{
  margin: 30px 0 0 0;
}
.stage_info_wrap .tab_nav ul{
  display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
}



.stage_info_wrap .tab_nav ul li{
  color: #fff;
  font-size: 14px;
  /* background: rgba(255, 255, 255, 0.05); */
  padding: 15px 20px;
  cursor: pointer;
  background-color: #7581B1;
}

.stage_info_wrap .tab_nav ul li:nth-child(2){
  border-right: 2px solid #99A1C1;
  border-left: 2px solid #99A1C1;
}

.stage_info_wrap .tab_nav ul li.current{
  background: rgba(255, 255, 255, 0.05);
  background: #53629D;
  font-weight: bold !important;
}

.stage_info_wrap .tab_nav ul li.current.shownet-current{
  background: #53629D !important;
}

.access_corner_right p{
  font-size: 13px;
  line-height: 1.8;
}

.stage_info > h3{
  font-size: 28px;
  color: #fff;
  position: relative;
}

.stage_info .online_icon{
  background: url('../../2020_common_2021/images/home/online_icon.svg');
  width: 50px;
  height: 50px;
  position: absolute;
}




@media only screen and (max-width:736px){
  .stage_info .online_icon {
    width: 30px;
    height: 30px; 
  }
}


.tab_contents{
  background: rgba(255, 255, 255, 0.05);
  padding: 20px;
}
.hide{
  display: none;
}

.tab_contents_list li{
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: -webkit-flex;
 	display: -moz-flex;
 	display: flex;
  -webkit-box-align: start;
	/*Android4.3*/
	-moz-box-align: start;
	/*Firefox21*/
	-ms-flex-align: start;
	/*IE10*/
	-webkit-align-items: flex-start;
	/*PC-Safari,iOS8.4*/
	align-items: flex-start;
  padding: 20px;
  margin-bottom: 20px;
}

.tab_contents_list li:last-child{
  margin-bottom: 0;
}

.tab_contents_list li .date p{
  background: rgba(255, 255, 255, 0.2);
  padding: 10px;
  display: inline-block;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}
.tab_contents_list li .booth{
  min-width: 118px;
  text-align: center;
}
.tab_contents_list li .booth p{
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
}
.tab_contents_list_content .special{
  background: #DA1C5C;
  padding: 10px;
  font-weight: bold;
  margin-bottom: 10px;
  width: 398px;
  text-align: center;
  font-size: 16px;
}

.tab_contents_list_content .tab_contents_list_title {
  font-size: 16px;
  padding: 10px 0;
}

.tab_contents_list_content .company_name{
  font-size: 14px;
  margin-bottom: 5px;
}
.tab_contents_list_content .speakers{
  font-size: 14px;
}

.tab_contents_list li .booth{
  margin: 0 15px;
}


@media only screen and (max-width:736px){
  .title{
    padding-left: 15px;
    font-size: 20px;
  }
  h3.hash_title{
    font-size: 16px;
  }
  .subnav ul{
    overflow: inherit;
    padding: 0;
  }
  .subnav ul li.point a{
    padding: 13px 0;
    text-align: center;
  }
  .subnav ul li.experience a{
    padding: 13px 0;
    text-align: center;
  }
  .subnav ul li span.balloon{
    padding: 5px 10px 3px 40px;
    left: 10px;
    top: -55px;
    font-size: 10px;
    background: #fff url(/common/june/img/shownet/icon_pdf.png) 10px 50%/20px no-repeat;
  }
  .subnav ul li span.balloon::before{
    margin-left: 5px;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    top: 84%;
  }
  .point_wrap .tags{
    padding: 20px 15px;
  }
  .point_wrap .tags ul{
    margin-bottom: 5px;
  }
  .point_wrap .tags ul li{
    font-size: 14px;
    margin-bottom: 5px;
  }
  .category_keywords{
    padding: 20px 15px;
  }
  .category_keywords li h4{
    font-size: 14px;
  }
  .category_keywords li h4::after{
    top: 33%;
  }
  .category_keywords li h4 span{
    font-size: 14px;
  }
  .category_keywords li p{
    font-size: 13px;
  }
  .show_book_wrap{
    padding: 40px 15px 20px 15px;
  }
  .show_book{
    padding: 25px;
    margin-bottom: 20px;
  }
  .show_book h3{
    display: inline-block;
    font-size: 16px;
  }
  .show_book img{
    width: 100px;
    left: -10px;
  }
  .download_btn{
    margin-top: 30px;
  }
  .download_btn a{
    font-size: 14px;
  }
  .download_btn a span{
    background: url(/common/june/img/shownet/point/pdf.png) 0 50%/18px no-repeat;
    padding: 10px 30px;
  }
  .show_book{
    width: 100%;
  }
  .patrol{
    width: 100%;
  }
  .patrol a{
    padding: 25px;
  }
  .patrol a > span{
    font-size: 14px;
  }

  .patrol h3{
    font-size: 16px;
  }

  .patrol .more_btn{
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
  }

  .experience_wrap h2.title{
    font-size: 20px;
  }

  .tours_wrap{
    padding: 20px 15px;
    -webkit-flex-wrap: wrap;
  	-moz-flex-wrap: wrap;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
  }
  .tours_wrap h3{
    font-size: 16px;
    margin-bottom: 10px;
  }
  .tours_content_wrap{
    width: 100%;
    margin-bottom: 30px;
  }
  .tours_content{
    padding: 15px;
    height: auto;
  }
  .tours_content p{
    font-size: 13px;
    margin-top: 10px;
  }
  .tours_content_modal{
    padding: 15px;
  }
  .tours_content_modal_wrap{
    position: static;
    top: inherit;
    transform: inherit;
    width: 100%;
    height: 99%;
    overflow-y: scroll;
  }
  .access_corner{
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px;
    margin: 20px 15px;
  }
  .access_corner_left{
    width: 100%;
    margin-bottom: 15px;
  }
  .access_corner_right{
    width: 100%;
  }
  .access_corner_right h3{
    font-size: 18px;
    margin-bottom: 10px;
  }

  .stage_info{
    padding: 10px;
  }
  .stage_info > h3{
    font-size: 16px;
  }
  .stage_info_wrap .tab_nav ul li{
    font-size: 13px;
  }
  .tab_contents{
    padding: 15px;
  }
  .tab_contents_list li{
    -webkit-flex-wrap: wrap;
  	-moz-flex-wrap: wrap;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
    -webkit-box-pack: justify;
  	/*Android4.3*/
  	-moz-box-pack: justify;
  	/*Firefox21*/
  	-ms-flex-pack: justify;
  	/*IE10*/
  	-webkit-justify-content: space-between;
  	/*PC-Safari,iOS8.4*/
  	justify-content: space-between;
    padding: 10px;
  }
  .tab_contents_list li .date p{
    font-size: 12px;
  }
  .tab_contents_list li .booth{
    text-align: right;
    margin: 0;
  }
  .tab_contents_list li .booth p{
    padding: 10px 0;
    font-size: 13px;
  }
  .tab_contents_list_content{
    width: 100%;
  }
  .tab_contents_list_content .special{
    font-size: 13px;
    margin-top: 10px;
    width: 100%;
    display: block;
    padding: 5px;
  }
  .tab_contents_list_content .tab_contents_list_title{
    font-size: 14px;
  }
  .tab_contents_list_content .company_name{
    font-size: 12px;
  }
  .tab_contents_list_content .speakers{
    font-size: 12px;
  }
  .external_wrap{
    padding: 0 15px;
  }
  .external_wrap .topology{
    width: 100%;
    margin-bottom: 20px;
  }
  .external_wrap .external{
    width: 100%;
  }
  .external_wrap h3{
    font-size: 18px;
  }
}

.concept-txt p{
  color: #58595b;
}

#theme-concept{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
}

.youtube{
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
}



.youtube iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none; /*境界線の打ち消し*/
}

@media only screen and (max-width:736px){
 .youtube-2{
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
}

.youtube-2 iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none; /*境界線の打ち消し*/
}
}

#video {
  padding-top: 50px !important;
}

.live_info{
  text-align: center;
  color: #C6161E;
  font-weight: bold;
  max-width: 400px;
}

.inline-frame{
  display: block;
  margin: 0 auto;
  max-width: 400px;
}

#tour .line{
  text-decoration: line-through;
}

.watch-video a{
    margin: 5px 0 0;
    padding: 8px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #C6161E;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
}

.video-wrap{
  display: flex;
  margin-top: 30px;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width:768px){
  .video-wrap {
    flex-wrap: wrap;
  }
}

.video-wrap li {
  margin: 10px;
}

.tour-finished{
  justify-content: center !important;
}

.video-info-wrap{
  display: flex;
  margin-top: 30px;
  justify-content: center;
  align-items: center;
}

.playlist{
  margin: 10px;
}


@media only screen and (max-width:768px){
  .video-info-wrap {
    flex-wrap: wrap;
  }
}

.video-info-wrap li {
  margin: 10px;
}

.youtube-list:hover{
  -webkit-transition: all .3s; transition: all .3s;
  opacity: 0.6;  filter: brightness(110%);
}


@media only screen and (max-width:736px){
 .youtube-list{
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-bottom: 0;
 }
}

.conference_announcement{
  padding: 40px 20px;
  text-align: center;
  display: block;
}
.conference_announcement_txt{
  font-size: 26px;
  text-align: center;
  display: inline-block;
  margin-bottom: 30px;
  color:#262262;
}

@media screen and (max-width:768px) {
 .conference_announcement_txt{
   font-size: 22px;
   text-align: left;
 }
}

.conference_announcement_link a {
    position: relative;
    padding: 13px 38px 13px 20px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #013048;
    border-radius: 5px;
    display: inline-flex;
    font-size: 20px;
    align-items: center;
}

@media screen and (max-width:330px) {
 .conference_announcement_link a {
   font-size: 16px;
 }
}

.conference_announcement_link a::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%) rotate(45deg);
    -moz-transform: translate(0, -50%) rotate(45deg);
    -webkit-transform: translate(0, -50%) rotate(45deg);
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    display: inline-block;
 }
}