@charset 'utf-8';
/* ===============================
	gnavi
=============================== */

@media (max-width: 960px) {
.sdgs_header_block{
	width:100%;
 	height:70px;
    position:fixed;
    top:0;
    right:0;
    z-index:2;
    background-size:100% auto,150px auto;
	display: flex;
	align-items: flex-end;
	background-color:#fff;
}
/*内側*/
.sdgs_header{
 	width:100%;
    margin:0 auto;
    overflow:hidden;
}

.sdgs_header::after{
	content: "";
	display: block;
	height: 6px;
	background: linear-gradient(to right, #e5243b 5.882%, #dda63a 5.882%, #dda63a 11.764%, #4c9f38 11.764%, #4c9f38 17.646%, #c5192d 17.646%, #c5192d 23.528%, #ff3a21 23.528%, #ff3a21 29.41%, #26bde2 29.41%,#26bde2 35.292%, #fcc30b 35.292%, #fcc30b 41.174%, #981942 41.174%, #981942 47.056%, #fd6925 47.056%, #fd6925 52.938%, #dd1367 52.938%, #dd1367 58.82%,#fd9d24 58.82%, #fd9d24 64.702%, #bf8b2e 64.702%, #bf8b2e 70.584%, #3f7e44 70.584%, #3f7e44 76.466%, #0a97d9 76.466%, #0a97d9 82.348%, #56c02b 82.348%,#56c02b 88.23%, #00689d 88.23%, #00689d 94.112%, #19486a 94.112%);
}
}
@media (min-width: 961px) {
.sdgs_header_block{
	width:100%;
 	height:102px;
    position:fixed;
    top:0;
    right:0;
    z-index:2;
    background:url(../img/common/sdgs_header_block_bg.png) center bottom repeat-x;
    background-color:#fff;
	display: flex;
	align-items: flex-end;
}

/*内側*/
.sdgs_header{
	width:100%;
	max-width:1080px;
 	display: block;
    margin:0 auto;
    overflow:hidden;
}
.sdgs_header::after{
	content: "";
	display: block;
	height: 6px;
	background: linear-gradient(to right, #e5243b 5.882%, #dda63a 5.882%, #dda63a 11.764%, #4c9f38 11.764%, #4c9f38 17.646%, #c5192d 17.646%, #c5192d 23.528%, #ff3a21 23.528%, #ff3a21 29.41%, #26bde2 29.41%, #26bde2 35.292%, #fcc30b 35.292%, #fcc30b 41.174%, #981942 41.174%, #981942 47.056%, #fd6925 47.056%, #fd6925 52.938%, #dd1367 52.938%, #dd1367 58.82%,#fd9d24 58.82%, #fd9d24 64.702%, #bf8b2e 64.702%, #bf8b2e 70.584%, #3f7e44 70.584%, #3f7e44 76.466%, #0a97d9 76.466%, #0a97d9 82.348%, #56c02b 82.348%,#56c02b 88.23%, #00689d 88.23%, #00689d 94.112%, #19486a 94.112%);
}
}
/*メニュー部分*/
nav{margin:0 auto;}

.gnavi_block { position: relative;}


@media (max-width: 960px) {
nav{width:90%;}

.gnavi_block{
 	width:100%;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.gnavi_logo_box{
 	box-sizing:border-box;
}
.gnavi_logo_box img{
 	width:100%;
 	max-width:60px;
 	height:auto;
}
.gnavi_item_box{
	 margin-right: 50px;
}
}
@media (min-width: 961px) {
nav{
 	width:100%;
	/*max-width:1000px;*/
 	box-sizing:border-box;
 	padding:0 20px;
}
.gnavi_block{
 	width:100%;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.gnavi_logo_box{
 	padding-bottom:15px;
}
.gnavi_logo_box img{
 	width:100%;
 	max-width:60px;
 	height:auto;
}
.gnavi_item_box{
 	padding-bottom:13px; margin-right: 80px;
}
}



    /** グローバルナビリスト (1階層目) */
    .gnavi-item-list {
        display: flex;
        justify-content: space-between;
    }
    /** グローバルナビ項目 (1階層目) */
    .gnavi-item {
        display: flex;
        align-items: center;
        position: relative;
    }
    .gnavi-item > a {
        display: block;
        position: relative;
        width: 100%;
        padding:15px 5px;
        /*font-size:24px;*/
        font-size:22px;
        letter-spacing: -0.025em;
        text-align: center;
        text-decoration: none;
        transform: rotate(0.05deg);
    }


    /** グローバルナビリスト (2階層目) */
    .gnavi-sub-item-list {
        position: absolute;
        top: 100%;
        width: calc(100% + 30px);
        min-width: 200px;
        left: 50%;
        border-radius: 5px;
        background: white;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
        overflow: hidden;
        opacity: 0;
        transform: translateX(-50%);
        transition: 0.2s opacity;
        pointer-events: none;
        z-index: 100;
    }
    .gnavi-item:hover > .gnavi-sub-item-list,
    .gnavi-sub-item-list:hover {
        opacity: 1;
        pointer-events: all;
    }
    /** グローバルナビ項目 (2階層目) */
    .gnavi-sub-item > a {
        display: flex;
        align-items: center;
        position: relative;
        padding: 15px 30px 15px 20px;
        border-top: 1px dotted #ddd;
        font-size: 16px;
        text-align: left;
        text-decoration: none;
        transform: rotate(0.05deg);
    }
    .gnavi-sub-item > a::before {
        box-sizing: border-box;
        content: "";
        display: block;
        margin-right: 5px;
        width: 10px;
        height: 10px;
        border: solid  hsl(200, 100%, 50%);
        border-width: 0 3px 3px 0;
        transform-origin: center;
        transform: translateX(-25%) rotate(-45deg);
    }
    .gnavi-sub-item:first-child > a {
        border-top: none;
    }
    .gnavi-sub-item > a:hover {
        background: hsl(200, 100%, 97%);
    }
    .gnavi-toggle {
        display: none;
    }


/*SNS*/
@media (max-width: 960px) {
.gnavi-sns{
	width:35px;
	height:auto;
	margin:0 auto;
}
}
@media (min-width: 961px) {
.gnavi-sns{
	width:35px;
	height:auto;
	margin:0 2px;
}
}

/*ロゴ*/
@media (max-width: 960px) {
.eventlogo{
	display:block;
}
}
@media (min-width: 961px) {
.eventlogo{
	display:none;
}
}
.nav_logo{
	margin:0 auto;
	width:90px;
	height:auto;
}
/*文字色*/
.nav_top{
	color:#dc0b35;
	text-decoration: none;
	font-weight:bold;
}
.nav_top:hover{
	color:#000;
	text-decoration: none;
	font-weight:bold;
}
.nav_ex{
	color:#0373bf;
	text-decoration: none;
	font-weight:bold;
}
.nav_ex:hover{
	color:#000;
	text-decoration: none;
	font-weight:bold;
}
.nav_ws{
	color:#25ab2e;
	/*color: rgba( 0, 0, 0, 0.15);*/
	cursor:default;
	text-decoration: none;
	font-weight:bold;
}
.nav_ws:hover{
	/*color: rgba( 0, 0, 0, 0.15);*/
	color:#000;
	cursor:default;
	text-decoration: none;
	font-weight:bold;
}

.nav_ws2{
	color:#25ab2e;
	cursor:default;
	text-decoration: none;
	font-weight:bold;
}
.nav_ws2:hover{
	color:#000;
	cursor:default;
	text-decoration: none;
	font-weight:bold;
}

.coming{
	position:absolute;
	text-align:center;
	width:10em;
	top:20px;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
	font-size:0.9375rem;
	color:#f00;
	font-weight:bold;
}

.nav_ac{
	color:#d89600;
	text-decoration: none;
	font-weight:bold;
}
.nav_ac:hover{
	color:#000;
	text-decoration: none;
	font-weight:bold;
}

.nav_ms{
	color:#fd6925;
	text-decoration: none;
	font-weight:bold;
}
.nav_ms:hover{
	color:#000;
	text-decoration: none;
	font-weight:bold;
}


/*	nav
============================== */
/*　ハンバーガーボタン　*/
.hamburger {
  display : block;
  position: absolute;
  z-index : 3;
  right : 0px;
  top   : 2px;
  width : 60px;
  height: 60px;
  cursor: pointer;
  text-align: center;
	border-radius: 50%; /*background-color: #0486dc;*/
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 35px;
  height  : 5px ;
  left    : 12px;
  /*background : #fff;*/
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 12px; background : #ff3a21;
}
.hamburger span:nth-child(2) {
  top: 27px; background : #0a97d9;
}
.hamburger span:nth-child(3) {
  top: 42px; background : #fd9d24;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 27px;
  left: 12px;
  background : #ff3a21;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 27px;
  background :#0a97d9;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

nav.menu {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #000;
  background: rgba(255,255,255,0.95);
  text-align: center;
  width: 100%;
	height: 100%;
  opacity: 0;
  transition: opacity .6s ease, visibility .6s ease;
	display: none;
}

nav.menu div { width: 100%; height: 100%; 
display: flex;
    align-items: center;
    justify-content: center;}

nav.menu ul {
  margin: 0 auto;
  padding: 0;
  width: 20em;
	border-top:solid 1px #0651A4;
}

nav.menu ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: .4s all;
	 border-bottom:solid 1px #0651A4;
}
nav.menu ul li:last-child {
  padding-bottom: 0;
}
nav.menu ul li:hover{
  background :#fff;
}

nav.menu ul li a {
  display: block;
  padding: 1.5em 0;
  text-decoration :none;
	font-size: 1.2em;
	font-weight: 600;
}

nav.menu ul li a {}



/* このクラスを、jQueryで付与・削除する */
nav.menu.active {
  opacity: 100;
display: block;
}

@media all and (max-width: 767px) {
	.hamburger {
  right : 0px;
  top   : 10px;
  width : 50px;
  height: 50px;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 4px ;
  left    : 8px;
  /*background : #fff;*/
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 23px;
}
.hamburger span:nth-child(3) {
  top: 35px;
}
	
/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 23px;
  left: 8px;
 /* background :#fff;*/
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 23px;
  /*background :#fff;*/
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}
	
	nav.menu ul li a {
		padding: 1.5em 0;
		font-size: 1.05em;
}
}