@charset "utf-8";

/*////////////////////////////////////////////////////////////////////////////////////////
*/

#header{
//position:relative;
//background-size: 100% auto;
//z-index:5000;
}

body{
//	background: no-repeat center top url(../parts/bg00.png);
	margin-top:0%;
//	background:url(../parts/bg.jpg) repeat-y;
	background-color: #122C45;
	background-size: 100% auto;
	background-attachment:fixed;
	--hover-shift-up: -6px;
}

#nav{
//width:100%;
//margin-right:auto;
//margin-left:auto;
//text-align:center;
//background:rgba(0,0,0,1.0);
//margin-top:0%;
//padding-bottom:1%;
}
/*
.header{
  position:-webkit-sticky;
  position: sticky;
  background-color: white;
  width: 100%;
  height: 100%;
  top: 0;
  transition: 0.5s;
    display: block;
//    unicode-bidi: isolate;
//  display: flex;
//  text-align: center;
//  align-items: center;
  z-index:100;
}
*/
.fixed-hide {
    transform: translateY(-100px);
}

.nav_carousel{
    display: inline;
}

.nav_carousel *{
    min-height: 0;
    min-width : 0;
}

.nav_list_data_col_a{
	visibility: visible;
}

.nav_list_data_col_b{
	visibility: hidden;
	display: none;
}

.nav_list_content_01 {
    display: none;
    
}
.nav_list_content_ex01 {
    display: none;
}
.nav_list_content_ex02 {
    display: none;
}
.nav_list_content_ex03 {
    display: none;
}
.nav_list_content_ex04 {
    display: none;
}
.nav_list_content_ex05 {
    display: none;
}
.nav_list_content_ex06 {
    display: none;
}
.nav_list_content_02 {
    display: none;
}
.nav_list_content_03 {
    display: none;
}
.nav_list_content_04 {
    display: none;
}
.nav_list_content_05 {
    display: none;
}
.nav_list_content_06 {
    display: none;
}
.nav_list_content_07 {
    display: none;
}
.nav_list_content_08 {
    display: none;
}
.nav_list_content_09 {
    display: none;
}
.nav_list_content_10 {
    display: none;
}
.nav_list_content_11 {
    display: none;
}
.nav_list_content_12 {
    display: none;
}
.nav_list_is_display{
	display:block;
}

.hr2 {
  height: 3px;
  background: skyblue;
  background-image: -webkit-linear-gradient(left, #caeaf7, blue, #caeaf7);
  background-image: -moz-linear-gradient(left, #caeaf7, blue, #caeaf7);
  background-image: -ms-linear-gradient(left, #caeaf7, blue, #caeaf7);
  background-image: -o-linear-gradient(left, #caeaf7, blue, #caeaf7);
}
.float_header{
/*  position:-webkit-sticky;*/
/*position: relative;*/
  position: fixed;
/*  position: sticky;*/
  /*background-color: white;*/
/*  position: static;*/
  width: 100%;
  height: auto;
/*  height: 100%;*/
/*  max-width:1000px;*/
/*  top: 0;*/
/*  left :calc(calc(100% - min(100%,2000px)) / 2);*/
  display: block;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	z-index:100;
}
.header_top{
	width:17%;
}
.header{
	width:100%;
	background: no-repeat center top url(../parts/top_menu_bg.jpg);
	background-size: 100% auto;
	margin-right:auto;
	margin-left:auto;
	display:flex;
	flex-wrap:nowrap;
	max-width:2000px;
}

@media screen and (max-width: 1920px) {
/*.float_header{
  left :calc(calc(100% - min(100%,1000px)) / 2);
	max-width:1000px;
}*/
.header{
	max-width:1000px;
}

}



.header_nav{
	width:80%;
}

.header_list{
/*	width:60.2%;*/
	display: flex;
	flex-direction: row;
	margin-left:3%;
}
.header_item{
/*	flex-shrink: 0;*/
	display: block;
	position: relative;
	vertical-align:middle;
	text-align:center;
/*	padding:1.8% 0.9%;*/
}
.header_item > div:nth-child(1){
/*	width:53%;*/
	display: block;
	position: relative;
}
.header_item > div:nth-child(1) > a > img:nth-child(1){
	position: relative;
	width: 100%;
	display: block;
	transition: 0.7s;
	opacity: 0;
}
.header_item > div:nth-child(1) > a > img:nth-child(2){
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	display: block;
	transition: 0.7s;
}
.header_item:hover > div:nth-child(1) > a > img:nth-child(2){
	opacity: 0;
}
.header_item:hover > div:nth-child(1) > a > img:nth-child(1){
	opacity: 1;
}
.header_item > div:nth-child(2){
	display: block;
	position:absolute;
	top:90%;
/*	bottom:0;*/
	left :calc(calc(100% - min(100%,min(4vw,81.28px))) / 2);
/*	width:100%;*/
	width:min(4vw,81.28px);
/*	width:anchor-size(width);
	height: max-content;*/
}
@media screen and (max-width: 1920px) {
.header_item > div:nth-child(2){
	left :calc(calc(100% - min(100%,min(4vw,40.64px))) / 2);
	width:min(4vw,40.64px);
}
}

.header_item > div:nth-child(2) > img{
/*	width:88px;
	height:24px;*/
/*	width:auto;*/
}



/*
.header_list{
	width:92.2%;
	display:table;
	margin-left:3.8%;
	height:auto;
}
.header_item{
	display:table-cell;
	list-style:none;
	padding:1.8% 0.9%;
	vertical-align:middle;
	text-align:center;
}
.header_item > div{
	display: block;
	position: relative;
}
.header_item > div > a > img{
	height:100%;
	max-height:100%;
}
.header_item > div > div > img{
	width:auto;
	height:100%;
}
.header_item > div > div{
	display: block;
	position:absolute;
	top:100%;
	left:0%;
	width:auto;
	height:100%;
}
*/
.nav{
	width:100%;
	margin-right:auto;
	margin-left:auto;
/*
//	padding-top:1%;
//	display: flex;
//	flex-wrap:wrap;
//	background:rgba(0,255,0,0.0);
//	align-items:flex-end;
*/
}
.nav_center{
	text-align: center;
}
.nav_special{
	display: block;
	position: relative;
	margin-right:auto;
	margin-left:auto;
	width:100%;
}
.nav_special_block{
	display:flex;
	margin-top:0%;
	margin-right:0%;
	margin-left:0%;
	text-align:right;
	flex-wrap:wrap;
	width:100%;
    justify-content: space-between;        /*中央揃え*/
}
.nav_special_item{
	display: block;
	position: relative;
	width:32%;
	margin-bottom:2%;
}

.nav_special_item > a > img{
	transition-duration: 0.3s;
	transform: translateY(0);
}
.nav_special_item > a > img:hover {
	transform: translateY(var(--hover-shift-up));
}


.nav_gallery{
	display: block;
	position: relative;
	margin-right:auto;
	margin-left:auto;
	width:100%;
}
.nav_gallery_block{
	display: block;
	position: relative;
	margin-right:auto;
	margin-left:auto;
	width:100%;
}
.nav_gr_1P{}
.nav_gr_2P{}
.nav_gallery_none{
	display:none;
}
.nav_gallery_panel{
	display: block;
	position: relative;
	width:100%;
	margin-top:12%;
}
.nav_gallery_panel_block{
	display:flex;
	margin-top:0%;
	margin-right:1%;
	margin-left:1%;
	text-align:right;
	flex-wrap:wrap;
	width:98%;
    justify-content: space-between;        /*中央揃え*/
}
.nav_gallery_panel_item{
	display: block;
	position: relative;
	width:24%;
	margin-bottom:2%;
}

.nav_gallery_panel_new{
	display: block;
	position:absolute;
	pointer-events: none;
	top:-5%;
	left:0%;
	width:24%;
	margin-bottom:2%;
}

.nav_gallery_button{
	display: block;
	position:absolute;
	top:-20%;
	right:0%;
	width:100%;
}
.nav_gallery_button_in{
	display: block;
	position: relative;
}
.nav_gallery_button_block{
	display:flex;
	margin-top:6%;
	margin-right:2%;
	margin-left:auto;
	text-align:right;
	flex-wrap:nowrap;
	width:22%;
}
.nav_gallery_button_item{
	display: block;
	position: relative;
	margin-right:10%;
	transition-duration: 0.3s;
}
.nav_gallery_button_soon{
	display: block;
	position: relative;
	margin-right:10%;
}
.nav_gallery_button_item:hover {
	transform: translateY(var(--hover-shift-up));
}

.nav_character{
	display: block;
	position: relative;
	margin-right:auto;
	margin-left:auto;
	width:100%;
}
.nav_character_block{
	display: block;
	position: relative;
	margin-right:auto;
	margin-left:auto;
	width:100%;
}
.nav_character_base{
	display: block;
	position: relative;
	width:100%;
	margin-top:0%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0%;
}
.nav_character_bg{
	display: block;
	position:absolute;
	width: 36%;/*calc(520% / 1440%);*/
	top:21%;
	right:0%;
	z-index:3;
}
.nav_character_panel{
	display: block;
	position:absolute;
	width: 56%;/*calc(808% / 1440%);*/
	top:20%;
	left:0.4%;
	z-index:4;
}
.nav_character_sc0_data{
	display: block;
	position:absolute;
	width: 24.4%;/*calc(808% / 1440%);*/
	bottom:0%;
	right:21%;
	z-index:5;
}

.nav_character_sc0_name{
	display: block;
	position:absolute;
	width: 30.8%;/*calc(444% / 1440%);*/
	bottom:12%;
	right:3%;
	z-index:6;
}
.nav_character_sc1_data{
	display: block;
	position:absolute;
	width: 27.7%;/*calc(808% / 1440%);*/
	bottom:0%;
	right:18%;
	z-index:5;
}

.nav_character_sc1_name{
	display: block;
	position:absolute;
	width: 43.8%;/*calc(632% / 1440%);*/
	bottom:12%;
	right:0%;
	z-index:6;
}
.nav_character_sc2_data{
	display: block;
	position:absolute;
	width: 34.4%;/*calc(808% / 1440%);*/
	bottom:0%;
	right:15%;
	z-index:5;
}

.nav_character_sc2_name{
	display: block;
	position:absolute;
	width: 30.55%;/*calc(632% / 1440%);*/
	bottom:12%;
	right:3%;
	z-index:6;
}
.nav_character_sc3_data{
	display: block;
	position:absolute;
	width: 35%;/*calc(808% / 1440%);*/
	bottom:0%;
	right:15%;
	z-index:5;
}

.nav_character_sc3_name{
	display: block;
	position:absolute;
	width: 33.88%;/*calc(632% / 1440%);*/
	bottom:12%;
	right:0.6%;
	z-index:6;
}
.nav_character_sc_wr_select{
	display: block;
	position:absolute;
	width: 44%;/*calc(444% / 1440%);*/
	top:53%;
	left:11%;
	z-index:7;
}


.nav_character_sc_wr_select_bg{
	display: block;
	position:relative;
	width: 100%;
}
.nav_character_sc_wr_select_in{
	display: block;
	position:absolute;
	width: 100%;
	top:0%;
	left:0%;
}
.nav_character_sc_wr_select_block{
	display: flex;
	position:relative;
	width: 100%;
	flex-wrap: nowrap;
    justify-content: space-between;        /*中央揃え*/
}
.nav_character_none{
	display:none;
}

.nav_character_sc_wr_select_item{
	position: relative;
	width: 24%;
	margin-right:0.8%;
	transition-duration: 0.3s;
}
/*.nav_character_sc_wr_select_item:hover{
	transform: translateY(var(--hover-shift-up));
}*/
.nav_character_sc_wr_select_item a img{
	transition-duration: 0.3s;
}
.nav_character_sc_wr_select_item a img:hover{
	transform: translateY(var(--hover-shift-up));
}
.nav_character_sc_wr_select_soon{
	position: relative;
	width: 24%;
	margin-right:0.8%;
}
.nav_character_sc_wr_select_cur{
	position: relative;
	width: 24%;
	margin-right:0.8%;
}
img{
  max-width:100%;
  height:auto;
}

.rollover {
  position: relative;
}
.rollover img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	display: block;
	transition: 0.7s;
}
.rollover:hover img:nth-of-type(2) {
	opacity: 0;
}
.nav_character_sc_ch_select{
	display: block;
	position:absolute;
	bottom:0%;
	left:0%;
	z-index:7;
	width: 100%;/*calc(444% / 1440%);*/
	margin-right:auto;
	margin-left:auto;
    align-items: center;
	text-align: center;
}
.nav_character_sc_ch_select_in{
	display: block;
	position:relative;
	width: 80%;/*calc(444% / 1440%);*/
	margin-right:auto;
	margin-left:auto;
    align-items: center;
	text-align: center;
}
.nav_character_sc_ch_select_block{
	display: flex;
	position:relative;
	width: 100%;/*calc(444% / 1440%);*/
    justify-content: space-between;        /*中央揃え*/
}
.nav_character_sc_ch_select_item{
	display: block;
	width: 24%;/*calc(444% / 1440%);*/
	transition-duration: 0.3s;
}
.nav_character_sc_ch_select_item:hover{
	transform: translateY(var(--hover-shift-up));
}
.nav_character_sc_ch_select_cur{
	display: block;
	width: 24%;/*calc(444% / 1440%);*/
}
.nav_ch_0S{}
.nav_ch_1S{}
.nav_ch_2S{}
.nav_ch_3S{}

.nav_ch_00{}
.nav_ch_01{}
.nav_ch_02{}
.nav_ch_03{}
.nav_ch_04{}
.nav_ch_10{}
.nav_ch_11{}
.nav_ch_12{}
.nav_ch_13{}
.nav_ch_14{}
.nav_ch_20{}
.nav_ch_21{}
.nav_ch_22{}
.nav_ch_23{}
.nav_ch_24{}
.nav_ch_30{}
.nav_ch_31{}
.nav_ch_32{}
.nav_ch_33{}
.nav_ch_34{}
.nav_list_data_col{
//    display: block;
//    position: relative;
	box-sizing:border-box;
//    border: 1px solid #ffffff;
//    border: 2px
	margin-right:auto;
	margin-left:auto;
	width:100%;
	display:flex;
    justify-content: space-between;        /*中央揃え*/
//    display: inline;
}

.nav_list_data_col li {
	margin-right:auto;
	margin-left:auto;
	width: calc(100%/2);/*←画像を横に4つ並べる場合*/
	padding:1% 0%;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	text-align: center;
//	background:rgba(0,255,0,0.0);
//    display: inline;
    justify-content: space-between;        /*中央揃え*/
    align-items: center;
    //    background-color: black;
}

.nav_list_data_line_sp1{
	
}

.nav_list_view_sp1{
	
}

.nav_list_item_sp1_selected{
	opacity:0.6;
}

.nav_list_item_sp1{
	--selected: nav_list_item_sp1_selected;
	--imgview: nav_list_view_sp1;
  transition-duration: 0.3s;
}
.nav_list_item_sp1:hover{
	opacity:0.6;
}

.nav_list_data_line_sp2{
	
}

.nav_list_view_sp2{
	
}

.nav_list_item_sp2_selected{
	opacity:0.6;
}

.nav_list_item_sp2{
	--selected: nav_list_item_sp2_selected;
	--imgview: nav_list_view_sp2;
  transition-duration: 0.3s;
}
.nav_list_item_sp2:hover{
	opacity:0.6;
}

.nav_list_data_line_sp3{
	
}

.nav_list_view_sp3{
	
}


.nav_list_item_sp3_selected{
	opacity:0.6;
}

.nav_list_item_sp3{
	--selected: nav_list_item_sp3_selected;
	--imgview: nav_list_view_sp3;
  transition-duration: 0.3s;
}
.nav_list_item_sp3:hover{
	opacity:0.6;
}

.nav_list_data_line_sp4{
	
}

.nav_list_view_sp4{
	
}

.nav_list_item_sp4_selected{
	opacity:0.6;
}

.nav_list_item_sp4{
	--selected: nav_list_item_sp4_selected;
	--imgview: nav_list_view_sp4;
  transition-duration: 0.3s;
}
.nav_list_item_sp4:hover{
	opacity:0.6;
}

.nav_banner_img {
//  display: inline-block;
  transition-duration: 0.3s;
//  transition-property: transform;
//  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
//  transform: translateZ(0);
//  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.nav_banner_img:hover {
	opacity:0.6;
//    -webkit-transform: scale(1.1);
//    transform: scale(1.1);
    cursor: pointer;
}

.nav_list_data_line{
//    display: block;
//    position: relative;
	margin-right:auto;
	margin-left:auto;
	margin-top:2%;
	width:95%;
//	display:flex;
//    display: inline;
}

.nav_list_top{
//    display: block;
      display: flex;
      flex-wrap: nowrap;
//    position: relative;
align-items: center;
    justify-content: space-between;        /*中央揃え*/
//  vertical-align:middle;
}

.nav_banner{
//    display: block;
      display: flex;
      flex-wrap: nowrap;
//    position: relative;
align-items: center;
    justify-content: space-between;        /*中央揃え*/
//  vertical-align:middle;
}


.nav_info_text{
	background-color: rgba(12,29,45,0.5);
//	opacity:0.5;
	margin:2%;
}

.nav_info_text > p{
margin-left: 1rem;
}

.nav_info_text2{
	background-color: rgba(12,29,45,0.5);
//	opacity:0.5;
	margin:2%;
	font-size: 2.0vw;
	line-height:3.0vw;
}

.nav_info_text2 > p{
margin-left: 1rem;
}

.nav_list_top_left{
  float:left;
  width:40%;
}

.nav_list_top_right{
  float:right;
  width:60%;
//    align-items: right;
margin: 0 0 0 auto;
}

.nav_title_text{
    color:#ffffff;
	font-size: 4vw;
//	vertical-align:middle;
//	line-height:24;
}

.nav_item_info{
    border: 1px solid #ffffff;
	font-size: 16px;
	line-height:24px;
    color:#ffffff;
}

.nav_item_text{
//	font-size: 16px;
	font-size: 1.0vw;
	line-height:2.0vw;
    color:#ffffff;
	margin:1%;
}

.nav_item_text2{
//	font-size: 16px;
	font-size: 2.0vw;
	line-height:2.0vw;
    color:#ffffff;
	margin:1%;
}

.nav_sel_block {
	margin-right:auto;
	margin-left:auto;
	background-size: 100% auto;
	width:100%;
}

.nav_top_news_text{
	width:95%;
}

.ticker_block {
	margin-right:auto;
	margin-left:auto;
	background-size: 100% auto;
	width:90%;
//	height:100%;
//	background:#0d1d2d;
}
.ticker {
	padding:2%;
	display:block;
	text-align:left;
	position:relative;
	overflow:hidden;
	font-size: 1.5vw;
//	background:#0d1d2d;
	background-color: rgba(255,255,255,0.5);
//	line-height:3.0vw;
	height:9.0vw;
//	color:#ffffff;
	color:#000000;
	
//  margin: 0 auto;
//  padding: 10px;
//  width: 600px;
//  text-align: left;
//  border: #ccc 1px solid;
//  position: relative;
//  overflow: hidden;
//  background-color:#000000;
}
 
.ticker ul {
  width: 100%;
  position: relative;
}
 
.ticker ul li {
  width: 100%;
  display: none;
}

.ticker2 {
	padding:2%;
	display:block;
	text-align:left;
	position:relative;
	overflow:hidden;
	font-size: 2.0vw;
	background:#0d1d2d;
//	line-height:3.0vw;
	height:7.0vw;
	color:#ffffff;
	
//  margin: 0 auto;
//  padding: 10px;
//  width: 600px;
//  text-align: left;
//  border: #ccc 1px solid;
//  position: relative;
//  overflow: hidden;
//  background-color:#000000;
}
 
.ticker2 ul {
  width: 100%;
  position: relative;
}
 
.ticker2 ul li {
  width: 100%;
  display: none;
}

.nav_list_data_line li {
	margin-right:auto;
	margin-left:auto;
	width: 100%;/*←画像を横に4つ並べる場合*/
	padding:0% 0%;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	text-align: center;
//	background:rgba(0,255,0,0.0);
//    display: inline;
    justify-content: center;        /*中央揃え*/
//    justify-content: space-between;        /*中央揃え*/
    
    align-items: center;
    //    background-color: black;
}

.nav_list_data2x4{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
//  justify-content: center;
//  justify-content: space-between;        /*中央揃え*/
  justify-content: center;
  align-items: center;
//    display: block;
//    position: relative;
//    width: 100%;
//    margin-right: 10%;
}

//.nav_list_data2x4 > div::before {
//  padding-top: 100%;
//  content: "";
//  display: block;
//}

.itemimg {
	position:absolute;
	left:0%;
	top:0%;
	transition-duration: 0.3s;
}
.topimg {
  transition-duration: 0.3s;
	opacity:0.4;
}
.selectimg {
  filter: brightness(1.0);
	opacity:1.0;
}
.topimg:hover {
	opacity:1.0;
}
.itemimg:hover {
	transform: translateY(var(--hover-shift-up));
}

.galimg {
	transition-duration: 0.3s;
}
.galimg:hover {
	transform: translateY(var(--hover-shift-up));
	cursor:pointer;
}

.selectimg:hover {
  filter: brightness(1.0);
	opacity:1.0;
}
.nav_list_data2x4 > div {
  width: 48%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0%;
    margin-top: 1.0%;
    margin-left: 1.0%;
    margin-right: 1.0%;
    margin-bottom: 1.0%;
}

.nav_list_topic3x2{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
//  justify-content: center;
    justify-content: space-between;        /*中央揃え*/
  align-items: center;
//    display: block;
    position: relative;
    width: 100%;
}

//.nav_list_topic3x2 > div::before {
//  padding-top: 100%;
//  content: "";
//  display: block;
//}


.nav_list_topic3x2 > div {
  width: 30%;
  display: block;
/*  display: flex;*/
/*  flex-direction: row;
  flex-wrap: wrap;
  flex:left;*/
/*  justify-content: center;*/
  justify-content: space-between;        /*中央揃え*/
  align-items: center;
/*	margin-top: 1%;*/
    margin-top: 1.3%;
    margin-left: 1.3%;
    margin-right: 1.3%;
    margin-bottom: 1.3%;
//  margin: 1%;
}

.nav_list_topic3x2 > div > div{
  display: block;
  position: relative;
  transition-duration: 0.3s;
}

.nav_list_topic3x2 > div > div > div{
	display: block;
	position:absolute;
	pointer-events: none;
	top:-5%;
	left:0%;
	width:24%;
	margin-bottom:2%;
}

.nav_list_topic3x2 > div > div:hover{
	transform: translateY(var(--hover-shift-up));
}

.nav_list_data3x2{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
//  justify-content: center;
    justify-content: space-between;        /*中央揃え*/
  align-items: center;
//    display: block;
//    position: relative;
    width: 100%;
}

//.nav_list_data3x2 > div::before {
//  padding-top: 100%;
//  content: "";
//  display: block;
//}

.nav_list_data3x2 > div {
  width: 30%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex:left;
//  justify-content: center;
    justify-content: space-between;        /*中央揃え*/
  align-items: center;
//	margin-top: 1%;
    margin-top: 1.3%;
    margin-left: 1.3%;
    margin-right: 1.3%;
    margin-bottom: 1.3%;
//  margin: 1%;
}

.nav_list_data3x3_item{
    display: block;
//    position: relative;
    width: 100%;
}


.nav_list_top_img{
    width: 100%;
    height: auto;
      display: flex;
      flex-wrap: nowrap;
//    display: block;
}


.nav_list_top_block_item{
//    display: inline;
//    float: left;
//      display: flex;
//      flex-wrap: nowrap;
}

.nav_list_top_block{
//    display: block;
      display: flex;
      flex-wrap: nowrap;
justify-content: flex-end;
//margin: 0 0 0 auto;
//    position: absolute;
//    display: inline;
//    width: 50%;
//    height: auto;
//    left: 40%;
//    top: 15%;
//  -ms-transform: translate(-50%,-50%);
//  -webkit-transform: translate(-50%,-50%);
//  transform: translate(-50%,-50%);
  margin:0;
  padding:0;

}

.nav_list_top_a{
//    position: absolute;
//    display: flex;
//    display: inline;
//    width: 10%;
//    height: auto;
//    left: 40%;
//    top: 15%;
//  -ms-transform: translate(-50%,-50%);
//  -webkit-transform: translate(-50%,-50%);
//  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}

.nav_list_item_a{
	
}

.nav_list_view_a{
	
}
.nav_list_item_a_selected{
	
}

//@property --selected {
//  syntax: "<string>";
//  inherits: true;
//  initial-value: "";
//}

//@property --imgview {
//  syntax: "<string>";
//  inherits: true;
//  initial-value: "";
//}

.nav_list_item_b{
	--selected: "nav_list_item_b_selected";
	--imgview: "nav_list_view_b";
}

.nav_list_view_b{
	
}

.nav_list_item_b_selected{
	
}

.nav_list_item_c{
	color:#0000ff;
	--selected: "nav_list_item_c_selected";
	--imgview: "nav_list_view_c";
}

.nav_list_view_c{
	
}

.nav_list_item_c_selected{
	
}

.nav_shop_over{
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.nav_shop_over:hover{
	transform: scale(1.1);
	opacity:0.9;
}

.nav_list_top_panel{
//    position: absolute;
//    display: flex;
//    display: inline;
//    width: 10%;
//    height: auto;
//    left: 50%;
//    top: 15%;
//  -ms-transform: translate(-50%,-50%);
//  -webkit-transform: translate(-50%,-50%);
//  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}

.nav_list_top_b{
//    position: absolute;
//    display: flex;
    display: inline;
//    width: 10%;
//    height: auto;
//    left: 75%;
//    top: 15%;
//  -ms-transform: translate(-50%,-50%);
//  -webkit-transform: translate(-50%,-50%);
//  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}

.nav_list{
//	background: no-repeat center top url(../parts/iti00.jpg);
//	background-size: 80% 80%;
	width:100%;
//	padding-top:1%;
	margin-right:auto;
	margin-left:auto;
//	display: flex;
//	flex-wrap:wrap;
//	background:rgba(0,255,0,0.0);
//	align-items:flex-end;

}

.nav_list li {
	margin-right:auto;
	margin-left:auto;
	width: calc(100%/4);/*←画像を横に4つ並べる場合*/
	padding:1% 1%;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	text-align: center;
//	background:rgba(0,255,0,0.0);
    display: flex;
    display: inline;
    justify-content: center;        /*中央揃え*/
    align-items: center;
    //    background-color: black;
}

.nav2{
	width:80%;
//	padding-top:1%;
	box-sizing:border-box;
	margin-right:auto;
	margin-left:auto;
//	display: flex;
//	flex-wrap:wrap;
//	background:rgba(0,255,0,0.0);
//	align-items:flex-end;

}

.nav li {
	margin-right:auto;
	margin-left:auto;
	width: calc(100%/4);/*←画像を横に4つ並べる場合*/
	padding:1% 1%;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	text-align: center;
//	background:rgba(0,255,0,0.0);
//    display: flex;
    justify-content: space-between;        /*中央揃え*/
    
//    justify-content: center;        /*中央揃え*/
    align-items: center;
    //    background-color: black;
}
.nav li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
//    bottom:0;
}

.nav_list li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
//    bottom:0;
}

.none{
pointer-events:none;
filter:alpha(opacity=70);
-moz-opacity:0.3;
opacity:0.3;
}

.none_o{
pointer-events:none;
filter:alpha(opacity=0);
-moz-opacity:0.0;
opacity:0.0;
}

@media screen and (max-width: 480px) {
	.nav_item_text{
		font-size: 3.0vw;
		line-height:4.5vw;
//		font-size: 16px;
//		line-height: 24px;
		color:#000000;
		margin:1%;
	}


.ticker_block {
	margin-right:auto;
	margin-left:auto;
	background-size: 100% auto;
	width:90%;
	height:120px;
//	background:#0d1d2d;
}

.img_disable {
	opacity: 0.1;
}

.ticker {
	padding:2%;
	display:block;
	text-align:left;
	position:relative;
	overflow:hidden;
	font-size: 3.0vw;
//	font-size: 16px;
//	background:#0d1d2d;
//	line-height:3.0vw;
//	height: 7.0vw;
	height: 100%;
//	height: 32px;
	color:#000000;
	
//  margin: 0 auto;
//  padding: 10px;
//  width: 600px;
//  text-align: left;
//  border: #ccc 1px solid;
//  position: relative;
//  overflow: hidden;
//  background-color:#000000;
}

.nav_info_text{
//	background-color: rgba(12,29,45,0.5);
	background-color: rgba(255,255,255,0.5);
//	opacity:0.5;
	margin:2%;
	font-size: 3.0vw;
	line-height:4.5vw;
//	font-size: 16px;
//	line-height: 24px;
}

.nav_info_text > h3{
	font-size: 4.0vw;
	line-height:6.0vw;
//	font-size: 24px;
//	line-height: 36px;
}

.nav_info_text > h4{
	font-size: 5.0vw;
	line-height:6.0vw;
//	font-size: 24px;
//	line-height: 36px;
}


}