html {
	box-sizing: border-box;
	overflow-y: scroll;
	font-size: 62.5%; /* 10px = 1rem */
	-webkit-text-size-adjust: 100%;
}
body {
	font-family: 'Noto Sans JP',sans-serif;
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1.6;
	color: #333;
	background-color: #fff;
	overflow-x: hidden;
}

.clearfix::after{
	content: ".";
	display: block;
	height: 0; 
	font-size: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}
.palt {
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
}
.halt {
	-webkit-font-feature-settings: 'halt' 1;
	font-feature-settings: 'halt' 1;
}

h1, h2, h3, h4, h5, h6,strong,em{
	font-weight: 700;
}

input, textarea, select, optgroup, option, button {
	font: inherit;
}
button, input[type="button"], input[type="submit"] {
	border: none;
	cursor: pointer;
}

a:link{
	color: #5e72e4;
}

a:visited{
	color: #935cbd;
}

a:hover{
	color: #233ed6;
}
a:active{
	color: #d1526d;
}

a,
a img{
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
}

a:hover,
a img:hover{
	opacity: 0.7;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Noto Serif JP',serif;
	line-height: 1.2;
}

h2{font-size: 4.2rem;margin: 0 0 1.5rem 0;color: #333;}
h3{font-size: 3.6rem;margin: 0 0 1.2rem 0;color: #333;}
h4{font-size: 3.2rem;margin: 0 0 1.2rem 0;color: #333;}
h5{font-size: 2.8rem;margin: 0 0 1.2rem 0;color: #333;}
h6{font-size: 2rem;margin: 0 0 1.2rem 0;color: #333;}

p{
	text-align: justify;
	line-height: 2.1;
	letter-spacing: .1rem;
}

.tc{text-align: center;}

.sp{display: none;}
.pc{display: block;}

/***************
* header
***************/
header{
	position: fixed;
	display: flex;
	display: -webkit-flex;
	justify-content: left;
	width: 100%;
	padding: 0 30px;
	background: #fff;
	z-index: 999;
}

header h1{
	width: 247px;
	margin: 0 50px 0 0;
	padding: 30px 0;
}

header nav.pc{
	width: 720px;
	padding: 20px 0 0 0;
}

header nav.pc ul{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	list-style: none;
}

/***************
* hero
***************/

#hero{
	position: relative;
}

#hero .movie {
	position: relative;
	margin: 100px 0 180px 0;
	width: 100%;
	height: calc(100vw / 1.8);
	overflow: hidden;
	z-index: -1;
}

#hero .movie video {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	min-width: 100%;
	min-height: 100vh;
}

#hero .logo{
	position:absolute;
	width: 20%;
	top: 50%;
	left: calc(100vw / 4);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

#hero .logo img{
	width: 100%;
	height: auto;
}

/***************
* read
***************/
main{
	position: relative;
	margin: -265px 0 0 0;
	padding: 0 0 0 0;
	z-index: 2;
}

#read{
	padding: 0 0 200px 0;
	z-index: 5;
}

#read .bg_img{
	position: relative;
	width: 100vw;
	height: 1542px;
	overflow: hidden;
	z-index: 6;
}

#read .bg_img img{
	position: relative;
	display: block;
	max-width: unset;
	width: 2400px;
	margin: 0 auto;
	top: 0;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 6;
}

#read .wrp{
	position: relative;
	width: 1000px;
	margin: -600px auto 0 auto;
	z-index: 10;
}


#read .wrp h3{
	margin: 0 0 30px 0;
}

#read .wrp p{
	position: relative;
	width: 50%;
	margin: 0 0 0 0;
	color: #fff;
	
}

#read .wrp p + p{
	margin: 1.5em 0 0 0;
}


#read .playmovie{
	position: relative;
	margin: 100px auto 0 auto;
	width: 1000px;
	height: 562px;
	z-index: 10;
}

#read .playmovie .image{
	/*
	position:absolute;
	width: 1000px;
	top: 490px;
	left:50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	*/
}

#read .playmovie .image img{
	cursor: pointer;
}

/***************
* eart
***************/
#eart{
	position: relative;
	padding: 200px 0 150px 0;
	/*background: #fff;*/
}

#eart .col2{
	width: 1000px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	margin: 0 auto;
}

#eart .col2 .text{
	width: 400px;
}

#eart .col2 .text h2{
	margin: 0 0 30px 0;
}

#eart .col2 .text h2 span{
	display: block;
	margin: 0 0 24px 0;
}

#eart .col2 .text h2 span + img{
	display: block;
	margin: 0 0 0 -4px;
}

#eart .col2 .text p:last-child{
	margin: 1.5em 0 0 0;
}

#eart .col2 .image{
	position: relative;
	margin: 60px calc(50% - 50vw) 0 calc(50% - 50vw);
	width: 820px;
}

#eart .col2 .image > img{
	position: relative;
	width: 100%;
	height: auto;
	z-index: 5;
}


#eart .flt_img{
	position: relative;
	width: 559px;
	margin: -40px 0 0 -472px;
	z-index: 3;
}

#eart .flt_img img{
	width: 100%;
	height: auto;
}

#eart .flt_ttl{
	margin: 0 0 0 0;
	text-align: right;
}

#eart .flt_ttl img{
	display: block;
	margin: -30px 380px 0 auto;
}

#eart .col2_2{
	width: 1000px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	margin: 80px auto 0 auto;
}

#eart .col2_2 .text{
	width: 560px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

#eart .col2_2 .text p{
	width: 47%;
	font-size: 1.4rem;
}

#eart .col2_2 .image{
	width: 341px;
}

#eart .btm_image{
	width: calc(1000px + (100vw - 1000px) / 2);
	margin: 80px 0 0 0;
}

#eart .btm_image img{
	width: 100%;
	height: auto;
}

/***************
* top_news
***************/
#top_news{
	padding: 150px 0 180px 0;
	background: #cbcbcb;
}

#top_news h2{
	width: 74px;
	margin: 0 auto 120px auto;
}

.newslist{
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.newslist li{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.newslist a{
	position: relative;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	padding: 10px 20px;
	text-decoration: none;
}
.newslist a:link{color: #000;}
.newslist a:visited{color: #7e4a80;}
.newslist a:hover{background: rgba(255,255,255,0.3);}

.newslist a span{
	display: block;
	margin: 0 .8em 0 0;
	padding: 0 .8em 0 0;
	border-right: 1px solid #999;
}

.newslist a:after{
	position: absolute;
	display: block;
	content: "";
	width: 20px;
	height: 20px;
	top: 15px;
	right: 20px;
	background: url(../img/icn_newslist.svg) top left no-repeat;
}

/***************
* collection
***************/
#collection{
	padding: 150px 0 150px 0;
	background: #000;
}

#collection h2{
	width: 169px;
	margin: 0 auto 120px auto;
}

#collection .wrp{
	width: 1000px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto;
}

#collection .wrp .image{
	position: relative;
	width: 300px;
	height: 300px;
	overflow: hidden;
	margin: 0 0 5% 0;
	background: #ccc;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

#collection .wrp .image::after{
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

#collection .wrp .image:hover::after{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	z-index: 2;
}

#collection .wrp .image a{
	display: block;
	opacity: 0.8;
	z-index: 5;
}

#collection .wrp .image a:hover{
	opacity: 1;
}

#collection .wrp .image img{
	position: relative;
	filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.3));
	z-index: 5;
}


#collection .wrp .clct01::after{
	background: url(../img/img_gallery01.png) center top no-repeat !important;
}
#collection .wrp .clct01b::after{
	background: url(../img/img_gallery01b.png) center top no-repeat !important;
}
#collection .wrp .clct02::after{
	background: url(../img/img_gallery02.png) center top no-repeat !important;
}
#collection .wrp .clct03::after{
	background: url(../img/img_gallery03.png) center top no-repeat !important;
}
#collection .wrp .clct04::after{
	background: url(../img/img_gallery04.png) center top no-repeat !important;
}
#collection .wrp .clct05::after{
	background: url(../img/img_gallery05.png) center top no-repeat !important;
}
#collection .wrp .clct06::after{
	background: url(../img/img_gallery06.png) center top no-repeat !important;
}
#collection .wrp .clct07::after{
	background: url(../img/img_gallery07.png) center top no-repeat !important;
}
#collection .wrp .clct08::after{
	background: url(../img/img_gallery08.png) center top no-repeat !important;
}

#collection .wrp .image a{
	position: relative;
	display: block;
	width: 300px;
	height: 300px;
}

#collection .wrp .image img{
	display: block;
	position:absolute;
	top: 50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/***************
* plymv
***************/
#plymv div img{
	width: 100%;
	height: auto;
	cursor: pointer;
}

/***************
* gallery
***************/
#gallery{
	padding: 150px 0 150px 0;
	background: #fff;
}

#gallery .col2{
	width: 1000px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	margin: 0 auto;
}

#gallery .cmngsoon{
	width: 1000px;
	margin: 0 auto;
}

#gallery .cmngsoon h2{
	width: 118px;
	margin: 0 auto 80px auto;
	padding: 0 20px 0 0;
}

#gallery .cmngsoon p{
	text-align: center;
}

#gallery .col2 .map{
	width: 500px;
}

#gallery .col2 .text{
	width: 430px;
}

#gallery .col2 .text h2{
	margin: 0 0 80px 0;
}

#gallery .col2 .text h3{
	font-family: 'Noto Serif JP',serif;
	font-weight: 400;
	font-size: 1.5rem;
	color: #000;
}

#gallery .col2 .text .sub{
	margin: 10px 0 0 0;
	font-family: 'Noto Serif JP',serif;
	color: #000;
}

#gallery .col2 .text address{
	font-size: 1.5rem;
	font-style: normal;
}

#gallery .col2 .text .yoyaku{
	position: relative;
	display: inline-block;
	margin: 15px 0 0 0;
	padding: 15px 40px 15px 15px;
	background: #000;
	color: #fff;
	cursor: pointer;
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
}

#gallery .col2 .text .yoyaku::after{
	position: absolute;
	content: "";
	background: url(../img/icn_arr.svg) no-repeat left top;
	width: 24px;
	height: 24px;
	top: 15px;
	right: 8px;
}

#gallery .col2 .text .yoyaku:hover{
	opacity: 0.7;
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
}

#gallery .col2 .text .yoyaku a{
	display: block;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}

#gallery .col2 .text .sm{
	margin: 10px 0 0 0;
	font-size: 1.3rem;
	
	line-height: 1.6;
}

/***************
* about
***************/
#about{
	padding: 150px 0 150px 0;
	background: #cbcbcb;
}

#about .wrp{
	width: 1000px;
	margin: 0 auto;
}

#about .wrp h2{
	margin: 0 0 75px 0;
}

#about .wrp .col2{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

#about .wrp .col2 .col_l{
	width: 47%;
}

#about .wrp .col2 .col_l dl dt{
	padding: 10px 0 0 0;
}
#about .wrp .col2 .col_l dl dd{
	padding: 0 0 10px 0;
	border-bottom: 1px solid #fff;
}

#about .wrp .col2 .col_r{
	width: 47%;
}

#about .wrp .col2 .col_r dl{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 1.5rem;
}

#about .wrp .col2 .col_r dl div{
	width: 47%;
}

#about .wrp .col2 .col_r dl dt{
	width: 100%;
	padding: 10px 0 0 0;
}
#about .wrp .col2 .col_r dl dd{
	width: 100%;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #fff;
	text-align: justify;
}

/***************
* footer
***************/
footer{
	padding: 150px 0 150px 0;
	background: #000;
}

:not(#index) footer{
	border-top: 1px solid #fff;
}

footer .wrp{
	width: 1000px;
	margin:0 auto;
}

footer .wrp .ftr_logo{
	width: 283px;
	margin: 0 0 5px auto;
}

footer .wrp .col2{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

footer .wrp .col2 .navi ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

footer .wrp .col2 .navi ul li a{
	display: inline-block;
	padding: 15px 0;
}

footer .wrp .col2 .add{
	color: #fff;
}

footer .wrp .col2 .add .com{
	margin: 100px 0 10px 0;
	font-size: 2rem;
}

footer .wrp .col2 .add p{
	margin: 0 0 10px 0;
}

footer .wrp .col2 .add div{
	margin: 25px 0 0 0;
}

/***************
* modal
***************/
#modal-video {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
	flex-direction: column;
  position: fixed;
  z-index: 15000;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.75);
  transition: 0.5s;
}
#modal-video.close {
  filter: opacity(0);
  visibility: hidden;
}
#modal-video.open {
  filter: opacity(1);
  visibility: visible;
}

#modal-video .closebtn{
	margin-top: 1em;
	font-weight: 700;
	color: #fff;
}

#modal-video iframe {
  width: 64vw;
  height: 36vw;
}

/***************
* loading
***************/
.loading-content {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: #dddddd;
  transition: all ease-in-out 1s;
	z-index: 18000;
	opacity: 1;
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
}
.loading-content.js-loaded {
  opacity: 0;
  visibility: hidden;
}
.loading-content p{
	color: #fff;
	font-size: 1.3rem;
	font-weight: 700;
	margin: 5px auto 0 auto;
	position:absolute;
	top: 55%;
	left:50%;
	-webkit-transform: translate(-50%, -55%);
	transform: translate(-50%, -55%);
	-webkit-animation: ldanim 1.3s infinite ease-in-out;
          animation: ldanim 1.3s infinite ease-in-out; 
}
@-webkit-keyframes ldanim {
  0% {
    opacity: 1;
  } 25% {
    opacity: 0;
  } 50% {
    opacity: 0;
  } 75% {
    opacity: 1;
  } 100% {
    opacity: 1;
  }
}

.sk-cube-grid {
  width: 60px;
  height: 60px;
  position:absolute;
	top: 50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #fff;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}

/***************
* products
***************/

#products #hero .movie{
	margin: 100px 0 -20px 0;
}

#products #hero .main_img{
	position:absolute;
	width: 80%;
	top: 50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#products #hero .main_img img{
	width: 100%;
	height: auto;
}

#products #hero .ttl_main{
	width: 120px;
	margin: 0 auto;
}

#products #hero .ttl_main img{
	width: 100%;
	height: auto;
}

#products main{
	margin: 40px 0 0 0;
	padding: 150px 0 0 0;
	background: #fff none;
}

#products #product_read{
	background-size: 94vw;
	padding: 1174px 0 0 0;
}

#rm001 #product_read{
	background: url(../img/products/p01/img_product01_feature01.png) left top no-repeat;
}
#rm002 #product_read{
	background-size: 1000px;
	padding: 1342px 0 0 0;
	background: url(../img/products/p02/img_product02_feature01.png) center top no-repeat;
}
#rm003 #product_read,
#rm004 #product_read,
#rm005 #product_read,
#rm008 #product_read,
#rm001b #product_read{
	padding: 0 0 0 0;
}
#rm006 #product_read{
	width: 1200px;
	background-size: 100%;
	margin: 0 auto;
	padding: 915px 0 0 0;
	background: url(../img/products/p06/img_product06_feature01.png) center top no-repeat;
}
#rm007 #product_read{
	width: 1200px;
	background-size: 100%;
	margin: 0 auto;
	padding: 935px 0 0 0;
	background: url(../img/products/p07/img_product07_feature01.png) center top no-repeat;
}

#products #product_read .wrp{
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

#products #product_read .wrp h3{
	margin: 0 0 40px 0;
}

#products #product_read .wrp p{
	width: 50%;
}

#products #product_read .wrp p + p{
	margin: 1.5em 0 0 0;
}

#products #product_read .wrp .detail{
	position: absolute;
	bottom: 20px;
	left: 0;
}

#rm002 #product_read .wrp .detail{
	position: absolute;
	bottom: 350px;
	left: 0;
}
#rm003 #product_read .wrp .detail,
#rm004 #product_read .wrp .detail,
#rm005 #product_read .wrp .detail,
#rm008 #product_read .wrp .detail,
#rm001b #product_read .wrp .detail{
	position: relative;
	margin: 30px 0 0 0;
	bottom: unset;
	left: unset;
}

#products #product_read .wrp .detail dl{
	margin: 0;
	padding: 0;
	font-size: 1.5rem;
}

#products #product_read .wrp .detail dl dt{
	font-weight: 700;
}

#products #product_read .wrp .detail dl dd + dt{
	margin: .5em 0 0 0;
}

#products #fbox{
	width: 1000px;
	margin: 100px auto 60px auto;
}

#products #fbox + #product_gallery{
	margin-top: 0 !important;
}

#products #product_gallery,
#rm005 #gal{
	margin: 100px 0 0 0;
	padding: 0 0 200px 0;
}
#rm002 #product_gallery{
	margin: 100px 0 0 0;
	padding: 0 0 200px 0;
}
#rm003 #product_gallery{
	margin: 100px 0 0 0;
	padding: 0 0 200px 0;
}

#products #product_gallery .wrp{
	width: 1000px;
	margin: 0 auto;
}

#products #product_gallery .wrp .col2_l,
#products #product_gallery .wrp .col2_r{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

#rm005 #gal .col2{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 1000px;
	margin: 0 auto;
}

#rm005 #gal .col2 div{
	width: 48.5%;
}

#rm005 #gal .col2 div + div{
	margin: 0 0 30px 0;
}

#rm005 #gal .col2 div img{
	width: 100%;
	height: auto;
}

#products #product_gallery .wrp .col2_r{
	margin: 100px 0 0 0;
}

#rm001b #product_gallery .wrp .col2_r{
	margin: 40px 0 0 0;
}
#rm001b #product_gallery .wrp .col2_r + .col2_l{
	margin: 40px 0 0 0;
}


#products #product_gallery .wrp .col2_l p,
#products #product_gallery .wrp .col2_r p{
	margin: 10px 0 0 0;
	font-size: 1.4rem;
	line-height: 1.6;
}

#products #product_gallery .wrp .col2_l .hf + .hf,
#products #product_gallery .wrp .col2_r .hf + .hf{
	margin: 35px 0 0 0;
}

#products #product_gallery .wrp .col2_l .image img,
#products #product_gallery .wrp .col2_r .image img{
	width: 100%;
	height: auto;
}


#products #product_gallery .wrp .col2_l .gl_l{
	width: 62.5%;
}

#products #product_gallery .wrp .col2_l .gl_r{
	width: 32.5%;
}

#products #product_gallery .wrp .col2_r .gl_l{
	width: 32.5%;
}

#products #product_gallery .wrp .col2_r .gl_r{
	width: 62.5%;
}

#products .feature{
	margin: 60px 0 0 0;
}

#products .feature2{
	margin: 60px 0 0 0;
	padding: 0 0 200px 0;
}

#products #artist{
	margin: 200px 0 0 0;
	padding: 0 0 150px 0;
}

#products #artist .wrp{
	width: 500px;
	margin: 0 auto;
}

#products #artist .wrp .col2{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

#products #artist .wrp .col2 .image{
	width: 40%;
}

#products #artist .wrp .col2 .image img{
	width: 100%;
	height: auto;
}

#products #artist .wrp .col2 .text{
	width: 55%;
}

#products #artist .wrp .col2 .text .ttl{
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1;
}

#products #artist .wrp .col2 .text .name{
	margin: 5px 0 0 0;
	font-size: 3rem;
	line-height: 1.5;
}

#products #artist .wrp .intro{
	margin: 50px 0 0 0;
}

#products #artist .wrp .intro p + p{
	margin: 1.5em 0 0 0;
}

/***************
* news
***************/
#news #hero{
	margin: 100px 0 0 0;
}

#news #hero .movie {
	position: relative;
	margin: 0 0 80px 0;
	width: 100%;
	height: 300px;
	overflow: hidden;
	z-index: -1;
}

#news #hero .movie video {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	min-width: 100%;
	min-height: 100%;
}

#news #hero .ttl_main{
	position:absolute;
	width: 73px;
	top: 20%;
	left:50%;
	-webkit-transform: translate(-50%, -20%);
	transform: translate(-50%, -20%);
}

#news #hero .main_img{
	position:absolute;
	width: 500px;
	top: 42%;
	left:50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 30;
}

#news.w700 #hero .main_img{
	position:absolute;
	width: 700px;
	top: 42%;
	left:50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 30;
}

#news #hero .main_img img{
	width: 100%;
	height: auto;
}


#news main{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #fff none;
}

#news main#newslist{
	margin: 100px 0 0 0;
	padding: 0;
}

#news #news_detail{
	padding: 200px 0 100px 0;
}

#news .news0705{
	padding-top: 350px !important;
}

#news #news_detail .wrp{
	width: 1000px;
	margin: 0 auto;
}

#news #news_detail .wrp .date{
	padding: 0 0 0 3px;
}

#news #news_detail .wrp h3{
	margin: 5px 0 30px 0;
	font-size: 2.1rem;
	line-height: 1.6;
}

#news #news_detail .wrp p + p{
	margin: 1.5em 0 0 0;
}

.back_btn{
	margin-top: 100px;
}

.back_btn a{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 250px;
	margin:0 auto;
	padding: .9em 2em;
	border: 1px solid #999;
	border-radius: 5px;
	background: #fff;
	color: #000;
	font-size: 1em;
	text-decoration: none;
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
}

.back_btn a:hover {
	animation: backbtn 1s;
	background: #777;
	color: #fff;
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
}

@keyframes backbtn {
	0% {
			box-shadow: 0 0 0 0 rgba(90, 90, 90, 0.5);
	}
	100% {
			box-shadow: 0 0 0 1.2em rgb(0 0 0 / 0%);
	}
}

.wrp .back_btn a::before {
	transform: rotate(-135deg);
	width: 8px;
	height: 8px;
	margin-right: 10px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	content: '';
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
}

.wrp .back_btn a:hover::before {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
}

/***************
* insta
***************/

.insta{
	padding: 150px 0;
}

.insta .wrp{
	width: 1000px;
	margin: 0 auto;
}

.insta .wrp h2{
	width: 156px;
	margin: 0 auto 30px auto;
}

.insta .wrp h2 img{
	width: 100%;
	height: auto;
}