@charset "utf-8";

/*////////////////////////////////////////////////////////////////////////////////////////*/
/* 各スクロール */
/*
html {
	scroll-behavior: smooth;
}*/

html {
/*	overflow: hidden;
	scrollbar-gutter: stable;*/
}

body {
/*	width:100%;
	height:auto;
	overflow: scroll;
	scrollbar-gutter: stable;*/
}

.gal_box_all{
	width:100%;
	height:auto;
}

.gal_box_max{
	margin-top:0%;
	background-color: #ffffff;
	overflow: hidden;
	background:url(../parts/bg.jpg);
	background-repeat: repeat;
	background-size: 40% auto;
	background-attachment:fixed;
	display: block;
	position: relative;
	box-sizing: border-box;
}

.gal_box_main{
	clip-path: border-box;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	max-width:2000px;
}

.gal_float_header{
	position: fixed;
	aspect-ratio: 2332/120;
	width:100%;
	height:auto;
	display: block;
	max-width:2000px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	z-index:100;
}


.gal_float_header > div:nth-child(1){
}
.gal_float_header > div:nth-child(2){
	position: absolute;
	width:100%;
	height:auto;
	aspect-ratio: 2332/120;
	top: 0%;
	left: 0%;
}
.gal_none{
	opacity: 0;
}

.gal_float_header_block{
	display:flex;
	width:100%;
	flex-wrap:nowrap;
}
.gal_float_header_block > div:nth-child(1){
	width:20%;
}
.gal_float_header_block > div:nth-child(2){
	width:80%;
}

.gal_header_list{
	display: flex;
	flex-direction: row;
	margin-left:0%;
}
.gal_header_item{
	width: 14%;
	display: block;
	position: relative;
	vertical-align:middle;
	text-align:center;
}
.gal_header_item > div:nth-child(1){
	display: block;
	position: relative;
}
.gal_header_item > div:nth-child(1) > a > img:nth-child(1){
	position: relative;
	width: 100%;
	display: block;
	transition: 0.7s;
	opacity: 0;
}
.gal_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%;
/*	width: min(4vw,26.27px);*/
	display: block;
	transition: 0.7s;
}
.gal_header_item:hover > div:nth-child(1) > a > img:nth-child(2){
	opacity: 0;
}
.gal_header_item:hover > div:nth-child(1) > a > img:nth-child(1){
	opacity: 1;
}
.gal_header_item > div:nth-child(2){
	display: block;
	position:absolute;
	top:90%;
	left :calc(calc(100% - min(100%,min(4vw,39.40px))) / 2);
	width:min(4vw,39.40px);
}

.gal_box_content_area{
	position: relative;
	width:100%;
	height:auto;
/*	overflow-y: scroll;
	overflow-inline: clip;
	scroll-behavior: smooth;
	scroll-snap-type: y proximity;
	scroll-padding-top: 3%;*/
	font-size: min(2.4vw,16px);
}
.gal_box_content{
	position: relative;
	z-index:11;
	top:3.915vh;
	left: 0%;
	width:100%;
	height:auto;
}

.gal_box_fixed{
	height:auto;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	display: block;
	position: fixed;
}
.gal_box_headr{
	position: relative;
	height:auto;
	width:100%;
	z-index:100;
}
/*
.gal_box_bg_panel{
	position: relative;
	height:auto;
	width:100%;
	z-index:10;
    transform: translateY(-50vh);
	animation: top_move 3s ease-in forwards;
	-moz-animation: top_move 3s ease-in forwards;
	-webkit-animation: top_move 3s ease-in forwards;
}*/

.gal_box_bg_panel{
	position: absolute;
	height:auto;
	min-height:10000vh;
	width:100%;
/*	top:3.915vh;*/
	top:0;
	z-index:10;
	background:url(../parts/bg_main.png);
	background-size: min(100%,2000px) auto;
	background-position: center top calc(min(100vw,2000px) * 120 / 2332 - 50vh);
	background-attachment: fixed;
	background-repeat: no-repeat;
	max-width:2000px;
/*	animation-delay: 3s;*/
/*    transform: translateY(-50vh);*/
}

.gal_box_bg_panel_anime{
	animation: top_tmove 3s ease-in forwards;
	-moz-animation: top_tmove 3s ease-in forwards;
	-webkit-animation: top_tmove 3s ease-in forwards;
}

@keyframes top_tmove{ to{background-position: center top calc(min(100vw,2000px) * 120 / 2332);}}
@-moz-keyframes top_tmove{ to{background-position: center top calc(min(100vw,2000px) * 120 / 2332);}}
@-webkit-keyframes top_tmove{ to{background-position: center top calc(min(100vw,2000px) * 120 / 2332);}}

.gal_float_footer{
	position: fixed;
	aspect-ratio: 2332/2000;
	width:100%;
	height:auto;
	display: block;
/*	top:125vw;*/
	top : calc(min(100vw,2000px) * 2700 / 2332);
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	z-index:100;
    transform: translateY(-50vh);
/*	animation-delay: 3s;*/
	 pointer-events: none;
}
.gal_float_footer_anime{
	animation: top_move 3s ease-in forwards;
	-moz-animation: top_move 3s ease-in forwards;
	-webkit-animation: top_move 3s ease-in forwards;
}

@keyframes top_move{ to{transform: translateY(0px);}}
@-moz-keyframes top_move{ to{transform: translateY(0px);}}
@-webkit-keyframes top_move{ to{transform: translateY(0px);}}

.gal_float_footer > div > img:nth-child(1){
	
}
.gal_float_footer > div > img:nth-child(2){
	height:500vh;
	z-index:101;
	top:-1px;
	position: relative;
}

@media screen and (max-width: 1920px) {
.gal_box_main{
	max-width:1000px;
}
.gal_float_header{
	max-width:1000px;
}
.gal_box_bg_panel{
	background-size: min(100%,1000px) auto;
	background-position: center top calc(min(100vw,1000px) * 120 / 2332 - 50vh);
	max-width:1000px;
}
@keyframes top_tmove{ to{background-position: center top calc(min(100vw,1000px) * 120 / 2332);}}
@-moz-keyframes top_tmove{ to{background-position: center top calc(min(100vw,1000px) * 120 / 2332);}}
@-webkit-keyframes top_tmove{ to{background-position: center top calc(min(100vw,1000px) * 120 / 2332);}}
.gal_float_footer{
	top : calc(min(100vw,1000px) * 2700 / 2332);
}
}



/*-------------------------------------------------------------------------------------------*/



.view_startup{
	opacity: 1;
}
.view_active{
	opacity: 1;
/*	animation: view_img 1s ease-in forwards;
	-moz-animation: view_img 1s ease-in forwards;
	-webkit-animation: view_img 1s ease-in forwards;*/
}
@keyframes view_img{ to{opacity: 1;}}
@-moz-keyframes view_img{ to{opacity: 1;}}
@-webkit-keyframes view_img{ to{opacity: 1;}}

.cls_active{
	animation: cls_img 1s ease-in forwards;
	-moz-animation: cls_img 1s ease-in forwards;
	-webkit-animation: cls_img 1s ease-in forwards;
}
@keyframes cls_img{ to{opacity: 0;}}
@-moz-keyframes cls_img{ to{opacity: 0;}}
@-webkit-keyframes cls_img{ to{opacity: 0;}}



.gal_box_topic_btn01{
/*	width:72.9845%;*/
/*	width:12.7358%;*/
	width:22%;
	height:auto;
	position: relative;
	display: block;
	left:49.75%;
	transition-duration: 0.3s;
}
.gal_box_topic_btn01:hover{
  transform: translateY(-6px);
}

.gal_box_update{
	margin-right:0%;
	margin-left:auto;
	width:72.9845%;
	height:auto;
	aspect-ratio: 1702/155;
	position: relative;
	display: block;
}
.gal_box_title{
	margin-right:0%;
	margin-left:auto;
	width:72.9845%;
	height:auto;
	aspect-ratio: 1702/1232;
	position: relative;
	display: block;
}
.gal_box_title > div:nth-child(1){
	position: relative;
	display: block;
}
.gal_box_title > div:nth-child(2){
	position: absolute;
	display: block;
	top: 0%;
	left: 0%;
}
.gal_box_title > div:nth-child(3){
	position: absolute;
	display: block;
	top: 30.6818%;
	left: 0%;
}
.gal_box_title > div:nth-child(4){
	position: absolute;
	display: block;
	top: 87.4188%;
	left: 0%;
}

.gal_box_concept{
	margin-right:0%;
	margin-left:auto;
	width:58.3190%;
	height:auto;
	aspect-ratio: 1360/2416;
	position: relative;
	display: block;
}
.gal_box_concept > div:nth-child(1){
	position: relative;
	display: block;
}
.gal_box_concept > div:nth-child(2){
	position: relative;
	display: block;
}
.gal_box_concept > div:nth-child(3){
	position: relative;
	display: block;
}
.gal_box_concept > div:nth-child(4){
	position: relative;
	display: block;
}
.gal_box_concept > div:nth-child(5){
	position: relative;
	display: block;
}
.gal_box_concept > div:nth-child(6){
	position: relative;
	display: block;
	transition-duration: 0.3s;
}
.gal_box_concept > div:nth-child(6):hover{
	transform: translateY(-6px);
	cursor: pointer;
}

.gal_box_story{
	margin-right:0%;
	margin-left:auto;
	width:58.3190%;
	height:auto;
	aspect-ratio: 1360/2624;
	position: relative;
	display: block;
}
.gal_box_story > div:nth-child(1){
	position: relative;
	display: block;
}
.gal_box_story > div:nth-child(2){
	position: relative;
	display: block;
}
.gal_box_story > div:nth-child(3){
	position: relative;
	display: block;
}
.gal_box_story > div:nth-child(4){
	position: relative;
	display: block;
}
.gal_box_story > div:nth-child(5){
	position: relative;
	display: block;
	transition-duration: 0.3s;
}
.gal_box_story > div:nth-child(5):hover{
	transform: translateY(-6px);
	cursor: pointer;
}
.gal_box_story > div:nth-child(6){
	position: relative;
	display: block;
}


.gal_box_system{
	margin-right:0%;
	margin-left:auto;
	width:58.3190%;
	height:auto;
	aspect-ratio: 1360/2904;
	position: relative;
	display: block;
}
.gal_box_system > div:nth-child(1){
	position: relative;
	display: block;
}
.gal_box_system > div:nth-child(2){
	position: relative;
	display: block;
	transition-duration: 0.3s;
}
.gal_box_system > div:nth-child(2):hover{
	transform: translateY(-6px);
	cursor: pointer;
}
.gal_box_system > div:nth-child(3){
	position: relative;
	display: block;
	transition-duration: 0.3s;
}
.gal_box_system > div:nth-child(3):hover{
	transform: translateY(-6px);
	cursor: pointer;
}
.gal_box_system > div:nth-child(4){
	position: relative;
	display: block;
	transition-duration: 0.3s;
}
.gal_box_system > div:nth-child(4):hover{
	transform: translateY(-6px);
	cursor: pointer;
}

.gal_box_ch_m01{
	margin-right:0%;
	margin-left:auto;
	width:58.3190%;
	height:auto;
	aspect-ratio: 1360/2304;
	position: relative;
	display: block;
}
.gal_box_ch_m01 > div:nth-child(1){
	position: relative;
	display: block;
}
.gal_box_ch_m01 > div:nth-child(2){
	position: relative;
	display: block;
}
.gal_box_ch_m01 > div:nth-child(3){
	position: relative;
	display: block;
}
.gal_box_ch_m01 > div:nth-child(4){
/*	width:24%;*/
	position: absolute;
	display: block;
	top: 35.0%;
	left: 13%;
}


.gal_box_gallery_m01{
	margin-right:0%;
	margin-left:auto;
	width:64.3224%;
	height:auto;
	aspect-ratio: 1500/600;
	position: relative;
	display:flex;
	flex-wrap:wrap;
}
.gal_box_gallery_m01 > div{
	width:33%;
	height:auto;
	transition-duration: 0.3s;
}
.gal_box_gallery_m01 > div:hover{
	transform: translateY(-6px);
	cursor: pointer;
}

.gal_box_special{
	margin-right:auto;
	margin-left:auto;
	width:100%;
	height:auto;
	aspect-ratio: 2332/1168;
	position: relative;
	display: block;
}
.gal_box_special > div:nth-child(1){
	position: relative;
	display: block;
}
.gal_box_special > div:nth-child(2){
/*	width:24%;*/
	position: absolute;
	display: block;
	top: 30.0%;
	left: 5%;
	right: 5%;
}

.gal_box_product{
	margin-right:auto;
	margin-left:auto;
	width:100%;
	height:auto;
	aspect-ratio: 2332/1400;
	position: relative;
	display: block;
}

.gal_box_copyright{
	margin-right:auto;
	margin-left:auto;
	width:100%;
    text-align: center;
	background:url(../parts/bg.jpg);
	background-repeat: repeat;
	background-size: 80% auto;
	height:auto;
/*	aspect-ratio: 2332/100;*/
	position: relative;
	display: block;
	
	font-family: "M PLUS 1", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
/*	margin-left: -0.5vw;*/
	font-size: min(1.5vw,9.675px);
	color: #ffffff;
	transform: rotate(0.05deg);
	white-space: nowrap;
	text-shadow: 0.1vw 0.1vw 0.15vw #3660c4, -0.1vw 0.1vw 0.15vw #3660c4, 0.1vw -0.1vw 0.15vw #3660c4, -0.1vw -0.1vw 0.15vw #3660c4, 0.1vw 0px 0.15vw #3660c4, 0px 0.1vw 0.15vw #3660c4, -0.1vw 0px 0.15vw #3660c4, 0px -0.1vw 0.15vw #3660c4, -0.05vw -0.15vw 0px #3660c4, 0px -0.15vw 0px #3660c4, 0.05vw -0.15vw 0px #3660c4, -0.1vw -0.1vw 0px #3660c4, -0.05vw -0.1vw 0px #3660c4, 0px -0.1vw 0px #3660c4, 0.05vw -0.1vw 0px #3660c4, 0.1vw -0.1vw 0px #3660c4, -0.15vw -0.05vw 0px #3660c4, -0.1vw -0.05vw 0px #3660c4, -0.05vw -0.05vw 0px #3660c4, 0px -0.05vw 0px #3660c4, 0.05vw -0.05vw 0px #3660c4, 0.1vw -0.05vw 0px #3660c4, 0.15vw -0.05vw 0px #3660c4, -0.15vw 0px 0px #3660c4, -0.1vw 0px 0px #3660c4, -0.05vw 0px 0px #3660c4, 0.05vw 0px 0px #3660c4, 0.1vw 0px 0px #3660c4, 0.15vw 0px 0px #3660c4, -0.15vw 0.05vw 0px #3660c4, -0.1vw 0.05vw 0px #3660c4, -0.05vw 0.05vw 0px #3660c4, 0px 0.05vw 0px #3660c4, 0.05vw 0.05vw 0px #3660c4, 0.1vw 0.05vw 0px #3660c4, 0.15vw 0.05vw 0px #3660c4, -0.1vw 0.1vw 0px #3660c4, -0.05vw 0.1vw 0px #3660c4, 0px 0.1vw 0px #3660c4, 0.05vw 0.1vw 0px #3660c4, 0.1vw 0.1vw 0px #3660c4, -0.05vw 0.15vw 0px #3660c4, 0px 0.15vw 0px #3660c4, 0.05vw 0.15vw 0px #3660c4;
}

.gal_box_special_item{
	margin-right:0%;
	margin-left:auto;
	width:100%;
	height:auto;
/*	aspect-ratio: 1500/600;*/
	position: relative;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.gal_box_special_item > div{
	width:48%;
	height:auto;
	transition-duration: 0.3s;
}
.gal_box_special_item > div:hover{
	transform: translateY(-6px);
	cursor: pointer;
}


.gal_box_ch_s01{
	margin-right:0%;
	margin-left:auto;
	width:58.3190%;
	height:auto;
	aspect-ratio: 1360/3300;
	position: relative;
	display: block;
}
.gal_box_ch_s01 > div:nth-child(1){
	position: relative;
	display: block;
}
.gal_box_ch_s01 > div:nth-child(2){
	position: relative;
	display: block;
}
.gal_box_ch_s01 > div:nth-child(3){
	position: absolute;
	display: block;
	width:52%;
	top: 40.5%;
	left: 45%;
	transition-duration: 0.3s;
}
.gal_box_ch_s01 > div:nth-child(3):hover{
	transform: translateY(-6px);
	cursor: pointer;
}

.gal_box_ch_s01 > div:nth-child(4){
	position: absolute;
	display: block;
	width:52%;
	top: 88%;
	left: 45%;
	transition-duration: 0.3s;
}
.gal_box_ch_s01 > div:nth-child(4):hover{
	transform: translateY(-6px);
	cursor: pointer;
}

.gal_chvoice{
	display:flex;
	flex-wrap:nowrap;
}
.gal_chvoice > div{
	position: relative;
	display: block;
	width:10%;
	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);
}
.gal_chvoice > div:hover {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	cursor: pointer;
}

.gal_box_news_text{
	margin-right:0%;
	margin-left:0%;
    text-align: center;
	font-size: 2.5vw;
	position: relative;
	color:black;
	width:46.4%;
	left:49.75%;
}

.gal_topic{
/*	background-color:#4ec4d3;*/
	color:white;
/*	border-radius: 1.0vw;
	padding-left: 1.0vw;
	padding-right: 1.0vw;*/
	
	font-family: "M PLUS 1", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
/*	margin-left: -0.5vw;*/
	font-size: min(1.5vw,9.93px);
	color: #ffffff;
	transform: rotate(0.05deg);
	white-space: nowrap;
	text-shadow: 0.1vw 0.1vw 0.15vw #4ec4d3, -0.1vw 0.1vw 0.15vw #4ec4d3, 0.1vw -0.1vw 0.15vw #4ec4d3, -0.1vw -0.1vw 0.15vw #4ec4d3, 0.1vw 0px 0.15vw #4ec4d3, 0px 0.1vw 0.15vw #4ec4d3, -0.1vw 0px 0.15vw #4ec4d3, 0px -0.1vw 0.15vw #4ec4d3, -0.05vw -0.15vw 0px #4ec4d3, 0px -0.15vw 0px #4ec4d3, 0.05vw -0.15vw 0px #4ec4d3, -0.1vw -0.1vw 0px #4ec4d3, -0.05vw -0.1vw 0px #4ec4d3, 0px -0.1vw 0px #4ec4d3, 0.05vw -0.1vw 0px #4ec4d3, 0.1vw -0.1vw 0px #4ec4d3, -0.15vw -0.05vw 0px #4ec4d3, -0.1vw -0.05vw 0px #4ec4d3, -0.05vw -0.05vw 0px #4ec4d3, 0px -0.05vw 0px #4ec4d3, 0.05vw -0.05vw 0px #4ec4d3, 0.1vw -0.05vw 0px #4ec4d3, 0.15vw -0.05vw 0px #4ec4d3, -0.15vw 0px 0px #4ec4d3, -0.1vw 0px 0px #4ec4d3, -0.05vw 0px 0px #4ec4d3, 0.05vw 0px 0px #4ec4d3, 0.1vw 0px 0px #4ec4d3, 0.15vw 0px 0px #4ec4d3, -0.15vw 0.05vw 0px #4ec4d3, -0.1vw 0.05vw 0px #4ec4d3, -0.05vw 0.05vw 0px #4ec4d3, 0px 0.05vw 0px #4ec4d3, 0.05vw 0.05vw 0px #4ec4d3, 0.1vw 0.05vw 0px #4ec4d3, 0.15vw 0.05vw 0px #4ec4d3, -0.1vw 0.1vw 0px #4ec4d3, -0.05vw 0.1vw 0px #4ec4d3, 0px 0.1vw 0px #4ec4d3, 0.05vw 0.1vw 0px #4ec4d3, 0.1vw 0.1vw 0px #4ec4d3, -0.05vw 0.15vw 0px #4ec4d3, 0px 0.15vw 0px #4ec4d3, 0.05vw 0.15vw 0px #4ec4d3;
	
	
}

.gal_campaign{
	background-color:#c4c4d3;
	color:white;
	border-radius: 1.0vw;
	padding-left: 1.0vw;
	padding-right: 1.0vw;
}

.gal_magazines{
/*	background-color:#c44e4e;*/
	color:white;
/*	border-radius: 1.0vw;
	padding-left: 1.0vw;
	padding-right: 1.0vw;*/
	font-family: "M PLUS 1", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: min(1.5vw,9.93px);
	color: #ffffff;
	transform: rotate(0.05deg);
	white-space: nowrap;
	text-shadow: 0.1vw 0.1vw 0.15vw #c44e4e, -0.1vw 0.1vw 0.15vw #c44e4e, 0.1vw -0.1vw 0.15vw #c44e4e, -0.1vw -0.1vw 0.15vw #c44e4e, 0.1vw 0px 0.15vw #c44e4e, 0px 0.1vw 0.15vw #c44e4e, -0.1vw 0px 0.15vw #c44e4e, 0px -0.1vw 0.15vw #c44e4e, -0.05vw -0.15vw 0px #c44e4e, 0px -0.15vw 0px #c44e4e, 0.05vw -0.15vw 0px #c44e4e, -0.1vw -0.1vw 0px #c44e4e, -0.05vw -0.1vw 0px #c44e4e, 0px -0.1vw 0px #c44e4e, 0.05vw -0.1vw 0px #c44e4e, 0.1vw -0.1vw 0px #c44e4e, -0.15vw -0.05vw 0px #c44e4e, -0.1vw -0.05vw 0px #c44e4e, -0.05vw -0.05vw 0px #c44e4e, 0px -0.05vw 0px #c44e4e, 0.05vw -0.05vw 0px #c44e4e, 0.1vw -0.05vw 0px #c44e4e, 0.15vw -0.05vw 0px #c44e4e, -0.15vw 0px 0px #c44e4e, -0.1vw 0px 0px #c44e4e, -0.05vw 0px 0px #c44e4e, 0.05vw 0px 0px #c44e4e, 0.1vw 0px 0px #c44e4e, 0.15vw 0px 0px #c44e4e, -0.15vw 0.05vw 0px #c44e4e, -0.1vw 0.05vw 0px #c44e4e, -0.05vw 0.05vw 0px #c44e4e, 0px 0.05vw 0px #c44e4e, 0.05vw 0.05vw 0px #c44e4e, 0.1vw 0.05vw 0px #c44e4e, 0.15vw 0.05vw 0px #c44e4e, -0.1vw 0.1vw 0px #c44e4e, -0.05vw 0.1vw 0px #c44e4e, 0px 0.1vw 0px #c44e4e, 0.05vw 0.1vw 0px #c44e4e, 0.1vw 0.1vw 0px #c44e4e, -0.05vw 0.15vw 0px #c44e4e, 0px 0.15vw 0px #c44e4e, 0.05vw 0.15vw 0px #c44e4e;
}

.gal_news_contents{
	border: 3px solid #4ec4d3;
    border-radius: 0px;
	font-size: min(1.65vw,16.5px);
/*	width:48vw;
	height:25vw;*/
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding:1.0%;
	background:rgba(255,0,0,0.0);
	box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
}

.gal_scrollarea{
text-align:left;
/*width:90vw;*/
background:rgba(255,255,255,0.7);
margin-left: auto;
margin-right: auto;
overflow:auto;
color:black;
}

.gal_scrollarea li{
margin-bottom:0.8%;
padding-bottom:0.8%;
padding-left:0.8%;
border-bottom:solid 1px rgba(0,0,0,1.0);
}

.gal_scrollarea li h8,
.gal_scrollarea li p{
display:inline-block;
vertical-align:top;
}

.gal_scrollarea li h8{
margin-right:1%;
color:#FFFFFF;
}

.gal_news_contents .gal_scrollarea li h6{
margin-right:2%;
color:#FFF;
font-size:1.3vmin;
}


.gal_scrollarea::-webkit-scrollbar {
  width: 7px;
}

.gal_scrollarea::-webkit-scrollbar-thumb {
  background-color: #4ec4d3;
  border:solid 1px rgba(255,255,255,1.0);
  border-radius: 3px;

}

.gal_scrollarea::-webkit-scrollbar-track {
  background: rgba(255,255,255, .7);

}


/*
@media (max-aspect-ratio: 2332/3065){
.gal_box_main{
	width:100%;
	margin-right:auto;
	margin-left:auto;
}
.gal_box_fixed{
	width:100%;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	display: block;
	position: fixed;
}
.gal_box_headr{
	height:auto;
	width:100%;
}
.gal_box_bg_panel{
	height:auto;
	width:100%;
}
.gal_float_header{
	height:auto;
	width:100%;
}
.gal_box_content_area{
	width:100vw;
	aspect-ratio: 2332/3065;
	height:131.4322vw;
}
.gal_box_content{
	top:5.1457vw;
}
.gal_float_footer{
	height:auto;
	width:100%;
	aspect-ratio: 2332/2000;
	top:116vw;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	z-index:100;
}
.gal_float_header > div:nth-child(2){
	position: absolute;
	height:auto;
	width:100%;
	aspect-ratio: 2332/120;
	top: 0%;
	left: 0%;
}
.gal_box_content_area{
	scroll-padding-top: 3%;
}
}
*/