/* -----------------------
   top page
 ------------------------- */
/* top */
#top, #top .card {
	margin-bottom: 0;
}
.top_catch{
	width: 100%;
	background-image: url('/images/bg_login_bb1.jpg');
	background-repeat: no-repeat;
    text-align: center;
}
.top_catch .catch_title .sub_title{
	color: #000;
	padding: 10px 0 10px 30px;
	font-weight: bold;
	color: #666;
	text-shadow: 0 -1px 1px #009efb, 1px 1px 1px #fff;
}
.top_catch .catch_title h1{
	color: #009efb !important;
	text-shadow: 0 -1px #fff,0 -2px #fff, 0 4px 10px rgba(125,125,125,0.7);
	font-family: 'sans-serif';
	font-weight: bold;
	background-color: rgba( 255, 255, 255, 0.25 );
}

.top_catch .catch_title p{
	padding: 10px;
	font-weight: bold;
	font-size: 18px;
}

@media all and (min-width:769px) {
	.top_catch{
	    background-size: 100%;
		height: 600px;
		background-position: center -100px;
	}
	.top_catch .catch_title .sub_title{
		margin-top: 200px;
		font-size: 34px;
	}
	.top_catch .catch_title h1{
		padding: 20px 0;
		font-size: 42px !important;
	}
}
@media all and (max-width:768px) { /* smart phone */
	.top_catch{
	    background-size: 180%;
		height: 250px;
		background-position: center 0px;
	}
	.top_catch .catch_title .sub_title{
		margin-top: 20px;
		font-size: 15px;
	}
	.top_catch .catch_title h1{
		padding: 5px 20px;
		font-size: 24px !important;
	}
	.top_catch .catch_title p{
		font-size: 14px !important;
	}
}

#top_message,
#top_message2{
	background: white;
	margin-bottom: 0;
	padding:100px 20px;
	font-size: 20px;
	text-align: center;
}

#top_message2 .card-header{
	background: white;
	border: none;
	font-weight: bold;
	font-size: 32px;
}


#tour .top_catch_tour_animation{
	width: 100%;
	height: 700px;
	background-image: url('/images/bg_top_tour_animation.gif');
	background-repeat: none;
    background-size: 100%;
    text-align: center;
	position: relative;
	z-index: 0;
	overflow: hidden;
}

#tour .top_catch_tour_animation:before{
	content: '';
	background-color: rgba(255,255,255,0.5);
	background-image:linear-gradient(0deg, rgba(220,220,220,0.2) 50%, transparent 0%);
	background-size: 40px 40px;
	background-position: 0 0, 40px 20px;
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	z-index: -1;/*重なり順序を一番下にしておく*/
}

#minmane .easytour_top_catch{
	width: 100%;
	height: 700px;
	background-image: url('/images/bg_tournament.jpg');
	background-repeat: no-repeat;
    background-size: 100%;
    text-align: center;
}

#tour .top_catch_tour_animation .catch_title,
#minmane .easytour_top_catch .catch_title{
	display: inline-block;
	padding: 20px 0;
	min-width:400px;
	width: 70%;
}
#tour .top_catch_tour_animation .catch_title{
	margin-top: 200px;
	
}
#minmane .easytour_top_catch .catch_title{
	margin-top: 60px;
}

#tour .top_catch_tour_animation .catch_title{
	background-color: rgba( 255, 255, 255, 0.9 );
}

#tour .top_catch_tour_animation .catch_title {
	background-color: rgba(255,255,255,.9);
}
#minmane .easytour_top_catch .catch_title{
	background-color: rgba( 255, 255, 255, 0.45 );
}

#tour .easytour_top_catch .top_catch_tour_animation h2,
#minmane .easytour_top_catch .catch_title .sub_title{
	color: #000;
	font-size: 30px;
	padding: 10px 0 10px 30px;
	font-family: 'メイリオ';
	color: #333;
	text-align: left;
/*	text-shadow: 0 -1px 1px #BFD5E2, 1px 1px 1px #fff;*/
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
	          -1px 1px 0 #FFF, 1px -1px 0 #FFF,
	          0px 1px 0 #FFF,  0-1px 0 #FFF,
	          -1px 0 0 #FFF, 1px 0 0 #FFF;
}
#tour .top_catch_tour_animation h2,
#minmane .easytour_top_catch .catch_title h2{
	padding: 20px 0;
	color: #009efb !important;
	font-size: 36px;
	font-family: 'メイリオ';
	background-color: rgba( 255, 255, 255, 0.25 );
	font-weight: bold;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
	          -1px 1px 0 #FFF, 1px -1px 0 #FFF,
	          0px 1px 0 #FFF,  0-1px 0 #FFF,
	          -1px 0 0 #FFF, 1px 0 0 #FFF;
}

#tour .top_catch_tour_animation h2,
#minmane .easytour_top_catch .catch_title p{
	padding: 10px;
	font-weight: bold;
	font-size: 18px;
}

.easytour_top_catch .catch_btn {
	margin-top: 250px;
	text-align: center;
}
.easytour_top_catch .catch_btn a{
	position: relative;
    display: -webkit-flex;
    display: flex;
    width: 250px;
    -webkit-justify-content: left;
    justify-content: left;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    min-height: 60px;
    padding: 5px 25px 5px 68px;
    border: 1px solid #009efb;
    background-color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
    margin: 0 auto;
}
.easytour_top_catch .catch_btn a:hover{
    transition: all 0.3s ease;
	color: white;
	background-color: #009efb
}

@media screen and (min-width: 769px) {
	#minmane .easytour_top_catch .catch_btn a:hover .arrow-right.icon:before {
		color: white;
	}

	#minmane .easytour_top_catch .catch_btn a:hover .arrow-right.icon {
	    transition: transform 0.3s ease;
	    -webkit-transform: translateX(5px);
	    -ms-transform: translateX(5px);
	    transform: translateX(5px);
		color: white;
	}
}

.easytour_top_catch .catch_btn .arrow-right.icon {
    transition: transform 0.3s ease;
	position: absolute;
	top: 50%;
	left: 30px;
	color: #fff;

	position: absolute;
	margin-left: 2px;
	width: 16px;
	height: 1px;
	background-color: currentColor;

}

.easytour_top_catch .catch_btn .arrow-right.icon:before {
	color: #2b589b;
  content: '';
  position: absolute;
  right: 1px;
  top: -5px;
  width: 10px;
  height: 10px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}


@media all and (max-width:768px) {
	.easytour_top_catch .catch_btn {
		margin-top: 10px;
	}

	#tour .top_catch_tour_animation,
	#minmane .easytour_top_catch{
		height: 300px;
	    background-size: 240%;
		padding: 5px 20px;
	}
	#tour .top_catch_tour_animation .catch_title,
	#minmane .easytour_top_catch .catch_title{
		margin-top: 30px;
		padding: 10px 10px;
		width: 100%;
	}
	#tour .top_catch_tour_animation .catch_title .sub_title,
	#minmane .easytour_top_catch .catch_title .sub_title{
		font-size: 20px;
		padding: 5px 0 5px 10px;
	}
	#tour .top_catch_tour_animation .catch_title h2,
	#minmane .easytour_top_catch .catch_title h2{
		padding: 10px 0;
		color: #000 !important;
		font-size: 24px !important;
		line-height: 32px;
	}
	#tour .top_catch_tour_animation .catch_title p,
	#minmane .easytour_top_catch .catch_title p{
		padding: 5px;
		font-weight: bold;
		font-size: 14px;
	}
}

@media all and (min-width:769px) {

}
.ae_menu .ae-menu-bgimg{
	background-position: 0 0;
	height: 350px;
	background-size: cover;
	position: relative;
	z-index: 0;
	overflow: hidden;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}
.ae_menu .ae-menu-bgimg a{
	display: block;
	height: 100%;
}
.ae_menu .ae-menu-bgimg a .title{
	margin-top: 30px;
	padding-left: 30px;
	background-color: rgba(255,255,255,0.5);
}
@media all and (min-width:769px) {
	.ae-menu-bgimg{
		margin-right: -30px;
		margin-left: -30px;
	}
	.ae_menu .ae-menu-bgimg a{
		font-size: 64px;
	}
}
@media all and (max-width:768px) {
	.ae-menu-bgimg{
		margin-right: -15px;
		margin-left: -15px;
	}
	.ae_menu .ae-menu-bgimg a{
		font-size: 32px;
	}
}
.ae-menu-bgimg:hover:before{
  content: '';
  background-color: rgba(255,255,255,0.5);
  background-image:linear-gradient(0deg, rgba(190,190,190,0.2) 50%, transparent 0%);
  background-size: 40px 40px;
  background-position: 0 0, 40px 20px;
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;/*重なり順序を一番下にしておく*/
}
.ae-menu-bgimg:hover:after{
  content: '';
  background: inherit;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px) brightness(80%);
  position: absolute;
  /*ブラー効果で画像の端がボヤけた分だけ位置を調整*/
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -2;/*重なり順序を一番下にしておく*/
}



/* topic */
.topic_tag{
	display: inline-block;
	font-size: small;
	padding: 1px 3px;
	border-radius: 4px;
	background-color: orange;
	color: white;
	margin: 0 5px 5px 0;
}

.topic-contnet{
	padding: 9px 15px;
	display: block;
	background-color: white;
	vertical-align: middle;
	white-space: normal;
	border-bottom: 1px solid rgba(120,130,140,0.13);
}
.topic-contnet div {
	white-space: normal;
}
.topic-contnet h3 {
	background-color: #eee;
	padding: 2px 5px;
}
.topic-contnet p {
	margin: 5px 10px;
	padding: 2px 5px;
}