@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;

}

#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);
}
.nav{
	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_center{
	text-align: center;
}

.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 {
  transition-duration: 0.3s;
}
.topimg {
  transition-duration: 0.3s;
	opacity:0.4;
}
.selectimg {
  filter: brightness(1.0);
	opacity:1.0;
}
.topimg:hover {
//	transform: scale(1.1);
	opacity:1.0;
}
.itemimg:hover {
//	transform: scale(1.1);
	opacity:0.6;
}
.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_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_data4x2{
  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_data4x2 > div {
  width: 24%;
  display: flex;
  flex-grow: 1;
//  flex-basis: 0;
  flex-direction: row;
  flex-wrap: wrap;
  flex:left;
//  justify-content: center;
    justify-content: space-between;        /*中央揃え*/
  align-items: center;
//	margin-top: 1%;
    margin-top: 0.0%;
    margin-left: 0.0%;
    margin-right: 0.6%;
    margin-bottom: 0.6%;
//  margin: 1%;
}

.nav_gallery_list_data4x2{
  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_gallery_list_data4x2 > div {
  width: 22%;
  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: 3.0%;
    margin-left: 0.0%;
    margin-right: 0.0%;
    margin-bottom: 3.0%;
//  margin: 1%;
}

.nav_gallery_list_data3x1{
  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_gallery_list_data3x1 > div {
  width: 31%;
  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: 0.0%;
    margin-left: 0.0%;
    margin-right: 0.0%;
    margin-bottom: 0.0%;
//  margin: 1%;
}

.nav_shop_list_data5x1{
  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_shop_list_data5x1 > div {
  width: 19.5%;
  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: 0.0%;
    margin-left: 0.0%;
    margin-right: 0.0%;
    margin-bottom: 0.0%;
//  margin: 1%;
}

.nav_shop_list_data4x2{
  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_shop_list_data4x2 > div {
  width: 24%;
  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: 0.0%;
    margin-left: 0.0%;
    margin-right: 0.0%;
    margin-bottom: 3.0%;
//  margin: 1%;
}


.nav_list_data8x1{
  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_data8x1 > div {
  width: 12.5%;
  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: 0.0%;
    margin-left: 0.0%;
    margin-right: 0.0%;
    margin-bottom: 0.0%;
//  margin: 1%;
}

.nav_list_data5x1{
  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_data5x1 > div {
  width: 19.2%;
  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: 0.0%;
    margin-left: 0.0%;
    margin-right: 0.0%;
    margin-bottom: 0.0%;
//  margin: 1%;
}

.nav_list_data3x1{
  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_data3x1 > div {
  width: 31%;
  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: 0.0%;
    margin-left: 0.0%;
    margin-right: 0.0%;
    margin-bottom: 0.0%;
//  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;
}


}