@charset "UTF-8";
/* CSS Document */

/*Basic*/


.cl {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}

.mg_t20 {
margin-top: 20px;
}

.mg_tb40 {
margin-top: 40px;
margin-bottom: 40px;

}

.top_bnr_side{
	border: 1px solid #BBB8B8;
	margin-top: 25px;
	margin-bottom: 25px;
}
.redbox{
	border: 1px solid #730103;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #730103;
	margin: 15px 0px ;
}

dl,
menu,
ol,
ul,
li,
dt,
dd {
	margin: 0;
	padding: 0;
}

ul,
ol {
	list-style: none;
	list-style-image: none;
}
/*カスタマイズ*/


td.cstm_select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

td.cstm_select select {
	width: 30%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background-size: 20px, 100%;
}

td.cstm_select_mini select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

td.cstm_select_mini select {
	width: 15%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background-size: 20px, 100%;
}

/*サブミット*/
.button1 {
	width:250px;
	height:45px;
	border: none;
	outline:none;
	box-shadow: 0px 3px 2px 0px #2c80a2;
	color: #fff;
	font-size: 14px;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	background-color: #3fb8e8;
	font-weight: bold;
	background-image:url(../img/submit1.png) ;
	background-repeat:no-repeat;
	background-position: 200px;
}

.button1:hover {
	background-color: #1baae3;
	cursor: pointer;
}

.button1:active {
	padding-top: 2px;
	box-shadow:none;
}

/* header */

#top {
	padding-top: 35px;
}

#header {
	width:1000px;
	margin:0 auto;
	z-index:1;
	overflow:hidden;
	display: flex;



}

h1#header-l,h1#logo,div#header-r {
	width: 33%;
	padding-top: 15px;
	font-size: 13px;
	line-height: 1.5em;
}
h1#logo {
text-align:center;
padding-top: 0px;

}




/* =========================================================
   nav
========================================================= */


.nav ul li {
    display: inline-block;
    line-height: 8.33333vw;
    transition: all .1s ease-out;
}
.nav__sns  {
    float: right;
		margin-right: 30px;
}
.nav__sns li {
    float: left;
		margin-left: 15px;
}
.nav__sns li.fb {
    width: 18px;
}
.nav__sns li.tw {
    width: 18px;
}

.l-header--cta {
	float: right;
    -ms-flex: 0 0 120px;
    -webkit-box-flex: 0;
    flex: 0 0 120px;
		padding-top: 0px;
}


.btn {
	border: 2px solid #009BD2;
	color: #009BD2;
	position: relative;
	letter-spacing: 1.1px;
    padding: 12px 35px;
    border-radius: 30px;
		font-weight: 300;
    white-space: nowrap;
    vertical-align: middle;
		user-select: none;
		line-height: 1.5;
}
.btn:hover {
	color: #009BD2;

}
.btninline{
	display: inline-block;

}

.l-header--cta .btn i {
    position: absolute;
    left: 20px;
    top: 12px;
}
.l-header--cta .btn span {
    padding-left:10px;
}
.fal {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
		font-family: "Font Awesome 5 Free";
    font-weight: 300;
}
#global_navi {
	width: 100%;
	margin-top: 18px;
	padding-top: 20px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 40px;
	border-top: 5px double #00a8cc;
	border-bottom: 5px solid #40bfc1;
	background-color: #00a8cc;
}


#global_navi ul {
	width: 920px;
	margin: 0 auto;
	letter-spacing: normal;
	display: flex;
  justify-content: space-between;
}

#global_navi ul li{

}

#global_navi .btn01 {
	width: 80px;
	height: 52px;
	display: inline-block;
	letter-spacing: normal;
}
#global_navi .btn02 {
	width: 68px;
	height: 52px;
	display: inline-block;
	letter-spacing: normal;
}
#global_navi .btn03 {
	width: 77px;
	height: 52px;
	display: inline-block;
	letter-spacing: normal;
}
#global_navi .btn04 {
	width: 53px;
	height: 52px;
	display: inline-block;
	letter-spacing: normal;
}
#global_navi .btn05 {
	width: 69px;
	height: 52px;
	display: inline-block;
	letter-spacing: normal;
}

#global_navi .btn01 a {
	width: 80px;
	height: 52px;
	display: table-cell;
	vertical-align: bottom;
	position: relative;
	text-align: center;
	text-decoration: none;
}
#global_navi .btn02 a {
	width: 68px;
	height: 52px;
	display: table-cell;
	vertical-align: bottom;
	position: relative;
	text-align: center;
	text-decoration: none;
}
#global_navi .btn03 a {
	width: 77px;
	height: 52px;
	display: table-cell;
	vertical-align: bottom;
	position: relative;
	text-align: center;
	text-decoration: none;
}
#global_navi .btn04 a {
	width: 53px;
	height: 52px;
	display: table-cell;
	vertical-align: bottom;
	position: relative;
	text-align: center;
	text-decoration: none;
}
#global_navi .btn05 a {
	width: 69px;
	height: 52px;
	display: table-cell;
	vertical-align: bottom;
	position: relative;
	text-align: center;
	text-decoration: none;
}

#global_navi li a:before {
	position: absolute;
	left: 50%;
	color: #FFF;
}

#global_navi .btn01 a:before {
	content: "TOP";
	font-size:10px;
	font-weight:bold;
	letter-spacing:0.3px;
	margin-left: -11px;
	top: 67px;
}

#global_navi .btn02 a:before {
	content: "SEARCH";
	font-size:10px;
	font-weight:bold;
	letter-spacing:0.3px;
	margin-left: -21px;
	top: 64px;
}

#global_navi .btn03 a:before {
	content: "BOOKMARK";
	font-size:10px;
	font-weight:bold;
	letter-spacing:0.3px;
	margin-left: -31px;
	top: 65px;
}

#global_navi .btn04 a:before {
	content: "EVENT";
	font-size:10px;
	font-weight:bold;
	letter-spacing:0.3px;
	margin-left: -18px;
	top: 64px;
}

#global_navi .btn05 a:before {
	content: "GUIDE";
	font-size:10px;
	font-weight:bold;
	letter-spacing:0.3px;
	margin-left: -18px;
	top: 63px;
}

#global_navi .btn06 a:before {
	content: "MYPAGE";
	font-size:10px;
	font-weight:bold;
	letter-spacing:0.3px;
	margin-left: -26px;
	top: 64px;
}

#global_navi li a {
	-webkit-transition: all 300ms ease;
	   -moz-transition: all 300ms ease;
	   		transition: all 300ms ease;
}

#global_navi li a:hover:before {
	color:#ed7b01;
}

/*フッター*/

.footer_list {
    width: 1000px;
    margin: 0 auto;
    padding: 16px 0;
}



.l-footer__recommend {
    background-color: #e6e6e6;
}


h1.footer_list_title {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 8px 16px;
}
.footer_list p {
	font-size: 13px;
	line-height: 2em;
}
.footer_list_box {
    margin-left: 12px;
}
.footer_list_item {
    float: left;
    margin-right: 24px;
}

.footer_list_item a {
    font-size: 12px;
    padding: 8px 8px 8px 16px;
    color: #333;
	text-decoration: none;
}

.ft-clearfix:before {
    display: table;
    content: '';
}
.ft-clearfix:after {
    display: table;
    clear: both;
    content: '';
}

.footer_bottom {
	min-width: 980px;
	padding: 8px 0;
	background-color: #00a8cc;
}
.footer_logo {
    font-size: 10px;
    font-size: 1.0rem;
    width: 1000px;
    margin: 0 auto;
    text-align: right;
    color: #fff;
}
.pageTop {
	position: fixed;
	z-index: 99;
	bottom: 20px;
	left: 50%;
	display: none;
	width: 40px;
	height: 23px;
	margin-left: 480px;
	padding-top: 17px;
	-webkit-transition: background-color 450ms cubic-bezier(.23,1,.32,1) 0ms;
	transition: background-color 450ms cubic-bezier(.23,1,.32,1) 0ms;
	text-align: center;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 2px 2px rgba(0,0,0,.24);
	padding-left: 20px;
	padding-right: 0px;
}


/*コンテンツ*/

#contents{
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
}

.web_attention {
    position: relative;
		width:980px;
    margin: 4em auto 1em;
    padding: 2em 1em;
    border: solid 3px #62c1ce;
		background: #FFF;
		font-size:16px;
}
.web_attention .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.web_attention p {
    margin: 0;
    padding: 0;
		line-height: 2em;
}