@charset "UTF-8";
/* placeholder color */
/**********************************************************************************************

　TOP

**********************************************************************************************/
/*---------------------------------------------
common
---------------------------------------------*/
.top_sec {
  position: relative;
  background: #150301;
  color: #fff; }

/*---------------------------------------------
kv
---------------------------------------------*/
.top_kv {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 600px;
}
/*@media (max-width: 1900px) {
    .top_kv {
       top:-505px; } }
@media (max-width: 1500px) {
    .top_kv {
       top:-480px; } }
@media (max-width: 1100px) {
    .top_kv {
       top:-480px; } }*/

.top_kv_logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 500;
	font-size: 6vw;
	font-family: 'Shippori Mincho', sans-serif;
	color: white;
	letter-spacing: 0.3em;
	filter: drop-shadow(3px 3px 5px #bbb);
	user-select: none;
}
@media (max-width: 750px){
	#PageID_Top .top_kv_logo {
		
		font-size: 4.7rem;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;}}
/*
@media (max-width: 2100px) {
    .top_kv_logo {
     font-size: 9.5rem; } }
@media (max-width: 1500px) {
    .top_kv_logo {
     font-size: 6rem; } }
@media (max-width: 1100px) {
    .top_kv_logo {
     font-size: 4.5rem; } }
@media (max-width: 750px) {
    .top_kv_logo {
     font-size: 3.2rem; } }
@media (max-width: 500px) {
    .top_kv_logo {
     font-size: 1.5rem; } }*/

.top_kv_list {
  width: 100%;
  height: 100%;
  overflow: hidden; }
.top_kv_list li {
    width: 100%;
    height: 100%; }

.slideItem {
  height: 100%;}

.top_kv_item .slideItem {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.top_kv_item01 .slideItem {
  background-image: url("../images/top/top-01.jpg");
	background-position: right center;}

.top_kv_item02 .slideItem {
  background-image: url("../images/top/top-02.jpg"); }

.top_kv_item03 .slideItem {
  background-image: url("../images/top/top-03.jpg"); 
	background-position: left center;}

.top_kv_item04 .slideItem {
  background-image: url("../images/top/top-04.jpg"); 
	background-position: center center; 
}

/* zoom slide custom */
.top_kv_list .slideItem {
  opacity: 0;
  transition: 0s;
  transform: scale(1.05, 1.05); }
.top_kv_list .slick-slide {
  opacity: 1 !important; }
.top_kv_list .slick-active.top_kv_item .slideItem {
  opacity: 1;
  transition: ease 5.0s; }
.top_kv_list .slick-active.top_kv_item .slideItem {
  opacity: 1;
  transition: ease 5.0s; }
.top_kv_list .slick-continue.top_kv_item .slideItem {
  opacity: 0;
  transition: ease 5.0s; }
.top_kv_list .slick-active .slideItem {
  transform: scale(1, 1);
  transition: ease 10.0s; }
.top_kv_list .slick-continue .slideItem {
  transform: scale(1, 1);
  transition: ease 10.0s; }


.top-kodawari {
 	padding-left: 10%;}
@media (max-width: 750px){
	.top-kodawari {
		padding-left: 0;}}
.top-kodawari p {
	background:rgba(251,249,252,0.8);
	line-height:2;
}
@media (max-width: 750px){
	.top-kodawari p {
		line-height:1.5;}}


.top-korona {
	color:white;
	height: 400px;
	margin: auto;
	text-align: center;
}
@media (max-width: 750px){
	.top-korona {
	
	height: 600px;
}}
.top-korona h3 {}
.top-korona dl {
	text-align: left;
	padding: 20px 0;
	height: 250px;
	display: inline-block;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
@media (max-width: 750px){
	.top-korona dl {
	height: 450px;
}}
.top-korona dt {font-size: 1.8rem;
padding: 0 15px;}
.top-korona dd {padding: 0 15px;}
.top-korona dd ul {}
.top-korona dd li {
	width: 7%;
	list-style:cjk-ideographic;
	margin-top:35px;
	padding-left: 30px;
}
.top-korona-img {
	padding-bottom: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;}
@media (max-width: 750px){
	.top-korona-img {
  display: block;
  flex-direction: row;}
}
.top-korona-img  li {
	width: 22%;
	margin: 1%;
	display: inline-block;
	
}
@media (max-width: 750px){
	.top-korona-img  li  {
	width: 47%;
}}
.product-parade {text-align:center;
height: 550px;
overflow: hidden;}
.product-parade h3{padding-bottom: 30px;}
.product-parade .infiniteslide > li {
	display: inline-block;
	width: 300px;
	text-align:center;
	margin-right: 20px;
	vertical-align:top;
}
.product-parade .infiniteslide li img {margin-bottom: 15px;}
#p-bg0::before{
	 content:"";
     display:block;
     position:fixed;
     top:0;
     left:0;
     z-index:-1;
     background-image: url('../images/top/ocean.jpg');
	
}
	
	
#p-bg{background-image: url('../images/top/ocean.jpg');
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;}
.aomaze {display: flex;}
@media (max-width: 750px){.aomaze {display: block;}}
.aomaze .aomaze-p {flex-basis: 35%;padding: 15px 0;}
.aomaze .aomaze-t {flex-basis: 65%;color: white;padding: 15px 0;}
.aomaze .aomaze-t h4 {font-size: 3rem; padding: 15px 0 15px 30px;}
.aomaze .aomaze-t h5 {font-size: 2rem; padding: 15px 0 15px 30px;}
.aomaze .aomaze-t p { padding: 0px 0 0 50px;}
@media (max-width: 750px){.aomaze .aomaze-t h4 {font-size: 5vw;padding: 15px 0;}}
@media (max-width: 750px){.aomaze .aomaze-t h5 {font-size: 3.2vw;padding: 15px 0;}}
@media (max-width: 750px){.aomaze .aomaze-t p { padding: 0px 0 0 10px;}}


/*---------------------------------------------
NEWS
---------------------------------------------*/
.inner-top {
  max-width: 1100px;
  margin: auto;
  position: relative;
  width: 90%; }
@media (max-width: 750px) {
    .inner-top {
      max-width: 90vw; }}
.topics_area {
  padding: 50px 0;
	background-image: url("../images/common/bg_wabe-purple2.gif");position:relative;
	color: black;
/*border-bottom: 20px solid black;*/}
  @media (max-width: 750px) {
    .topics_area {
      padding: 16vw 0; } }

#topics_container {
	padding: 50px 2%;
}
#topics_container dt {
	width:28%;
	margin-right: 2%;
	display:inline-block;
	
}@media (max-width: 750px) {
	#topics_container dt {width:100%; display: block;}}


#topics_container dt.gallery{padding-bottom: 80px;}
	@media (max-width: 750px) {
		.inner-top #topics_container dt.gallery{padding-bottom: 10px;}}
#topics_container dd {width:62%;display:inline-block;padding-bottom: 30px;}
	@media (max-width: 750px) {
	#topics_container dd {width:100%; display: block;}}

.inner-top #topics_container dt,
#topics_container dt{
	width:15%;
	margin-right: 5%;
	display:inline-block;
}@media (max-width: 750px) {
	.inner-top #topics_container dt {width:100%; display: block;}
	#topics_container dt {width:100%; display: block;}}

.inner-top #topics_container dd,
#topics_container dd{
	width:79%;
	display:inline-block;
	padding-bottom: 30px;
	}@media (max-width: 750px) {
	.inner-top #topics_container dd {width:100%; display: block;padding-bottom: 10px;}
	#topics_container dd {width:100%; display: block;padding-bottom: 10px;}}

.inner-top #topics_container dl,
#topics_container dl {width: 100%;}
.inner-top #topics_container dl dt,
#topics_container dl dt{
	display: block;
	width: 100%;
	font-size: 240%;
	border-bottom: 2px solid black;
}
#topics_container dl dt{font-size: 120%;}
.inner-top #topics_container dd dl dd,
#topics_container dd dl dd{
	display: block;
	width: 100%;
	padding-bottom: 150px;
}
.inner-top #topics_container dd dl dd span,
#topics_container dd dl dd span{display: block; text-align: right;padding: 5px 0 25px; font-size: 75%;}
#topics_container dd dl dd img { float: right;margin: 0 0 15px 15px;}

.topnews {
}@media (max-width: 750px) {.topnews {height: 100vh;}}

.topnews iframe {
	width: 100%;
	height: 250px;
	overflow-y;
	border: 0;
	padding: 0;
	margin: 0;
}@media (max-width: 750px) {.topnews iframe {height: 85%;}}
.topnews p{background-color: none;}

.top-news {
 	padding-left: 10%;}
@media (max-width: 750px){
	.top-news {
		padding-left: 0;height: 100%;}}
.top-news p {
	background:none;
	line-height:2;
}
@media (max-width: 750px){
	.top-news p {
		line-height:1.5;}}