@charset "utf-8";
@media only screen and (min-width: 600px) {
/*//////アイキャッチここから//////*/
/*通常バージョン*/
#eyecatch{
	width: 1024px;
	height: auto;
	margin: 0 auto;
	position: relative;
}
#eyecatch img.bg{
	margin-top: 40px;
	width: 1024px;
	height: auto:;
}

#eyecatch img.bottole{
	width: 216px;
	height: auto;
	position: absolute;
	top: 70px;
	right: 140px;
}


/*//////コンテナここから//////*/
#container{
	width: 100%;
	height: auto;
}


/*//////スライドここから//////*/
.slider_bg{
	width: 100%;
	height: 400px;
	padding-bottom: 25px;
	overflow: hidden;
}

#container div.slider{
	width: 921px;
	height: auto;
	padding: 0 30px;
	margin: 0 auto;
	position: relative;
}


div.slider_bg div.slider div.slick-list.draggable div.slick-track div.slide_cont.slick-slide{
	width: 800px;
}

div.slider_bg div.slider button{
	margin-top: 50px;
	/*追加20221019*/
	z-index: 50;
}
/*追加20221019*/
html body div#container div#cms_bg.sp_none div#cms.slick-initialized.slick-slider button.slick-next.slick-arrow,
html body div#container div#cms_bg.sp_none div#cms.slick-initialized.slick-slider button.slick-prev.slick-arrow{
	z-index: 50;
}


div.slider_bg div.slider .slide_cont{
	width: 100%;
	height: auto;
	margin: 70px auto 50px;
	padding: 0 25px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

div.slider_bg div.slider .slide_cont .item_box{
	width: 265px;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
div.slider_bg div.slider .slide_cont .item_box .item{
	width: 73px;
	height: auto;
	display: block;
}

#container .slide_cont .item_detail{
	width: 560px;
	height: 240px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
}

#container .slide_cont .item_detail h2{
	width: 100%;
	height: 62px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 26px;
	line-height: 29px;
	letter-spacing: 0.02em;
}
#container .slide_cont .item_detail p{
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	margin-top: 15px;
}

#container .slide_cont .item_detail .to_link{
	width: 360px;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	gap: 20px;
}

#container .slide_cont .item_detail .to_link a{
	width: 170px;
	height: auto;
}

#container .slide_cont .item_detail .to_link a img{
	margin-top: 30px;
	width: 100%;
	height: auto;
}

div#container div.slider_bg div.slider.slick-initialized.slick-slider ul.slick-dots{
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}

html body div#container div.slider ul.slick-dots li{
	width: 42px;
	height: 42px;
	margin: 0 10px;
}
div#container div.slider_bg div.slider.slick-initialized.slick-slider ul.slick-dots li{
	opacity: 0.5;
}
div#container div.slider_bg div.slider.slick-initialized.slick-slider ul.slick-dots li.slick-active{
	opacity: 1.0;
}
html body div#container div.slider ul.slick-dots li button::before{
	display: none;
}
html body div#container div.slider ul.slick-dots li button{
	margin: 0;
	padding: 0;

}
html body div#container div.slider ul.slick-dots li#slick-slide00 button{
	width: 42px;
	height: 42px;
	background-image: url(../img/item01/btn00.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

html body div#container div.slider ul.slick-dots li#slick-slide01 button{
	width: 42px;
	height: 42px;
	background-image: url(../img/item01/btn01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

html body div#container div.slider ul.slick-dots li#slick-slide02 button{
	width: 42px;
	height: 42px;
	background-image: url(../img/item01/btn02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

html body div#container div.slider ul.slick-dots li#slick-slide03 button{
	width: 42px;
	height: 42px;
	background-image: url(../img/item01/btn03.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

html body div#container div.slider ul.slick-dots li#slick-slide04 button{
	width: 42px;
	height: 42px;
	background-image: url(../img/item01/btn04.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

html body div#container div.slider ul.slick-dots li#slick-slide05 button{
	width: 42px;
	height: 42px;
	background-image: url(../img/item01/btn05.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

html body div#container div.slider ul.slick-dots li#slick-slide06 button{
	width: 42px;
	height: 42px;
	background-image: url(../img/item01/btn06.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}


html body div#container div.slider ul.slick-dots li#slick-slide07 button{
	width: 42px;
	height: 42px;
	background-image: url(../img/item01/btn07.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

html body div#container div.slider ul.slick-dots li#slick-slide08 button{
	width: 42px;
	height: 42px;
	background-image: url(../img/item01/btn08.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

html body div#container div.slider ul.slick-dots li#slick-slide09 button{
	width: 42px;
	height: 42px;
	background-image: url(../img/item01/btn09.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

html body div#container div.slider ul.slick-dots li#slick-slide010 button{
	width: 42px;
	height: 42px;
	background-image: url(../img/item01/btn010.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
html body div#container div.slider_bg div.slider button.slick-next.slick-arrow:before{
	background-image: url(../img/next.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
}

html body div#container div.slider_bg div.slider button.slick-prev.slick-arrow:before{
	background-image: url(../img/prev.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
}


/*//////スライドここまで//////*/

div#container a.to_product{
	width: 151px;
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	color: #000000;
	margin: 15px auto 0;
	display: block;
}

/*CMバナー*/
.cm_bnr{
	width: 780px;
	height: auto;
	display: block;
	margin: 70px auto 0;
}
.cm_bnr img{
	width: 100%;
	height: auto;
	display: block;
}

.popup{
	cursor: pointer;
}


/*//////アバウトここから//////*/
#about_bg{
	margin-top: 83px;
	width: 100%;
	height: 499px;
	overflow: hidden;
	position: relative;
}

#about_bg .left_bg{
	z-index: -10;
	width: 35%;
	height: 363px;
	background-image: url(../img/about_bg1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: absolute;
	top:67.5px;
	left: 0;
}

#about_bg .right_bg{
	z-index: -10;
	width: 35%;
	height: 363px;
	background-image: url(../img/about_bg2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: absolute;
	top:67.5px;
	right: 0;
}

#about_bg .about_inner{
	width: 690px;
	height: 389px;
	margin: 0 auto;
	padding: 70px 80px 40px 80px;
	background-image: url(../img/about_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#about_bg .about_inner h2{
	width: 510px;
	height: auto;
	margin: 0 auto;
	display: block;
}
#about_bg .about_inner h2 img{
	width: 100%;
	height: auto;
}

#about_bg .about_inner h4{
	margin-top: 30px;
	font-size: 30px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 3px;
	color: #fff;
	text-align: center;
}

#about_bg .about_inner h2{
	font-size: 14.5px;
	font-weight: 400;
	line-height: 27px;
	letter-spacing: 3px;
	color: #B9975D;
	text-align: center;
}

#about_bg .about_inner h3{
	margin-top: 20px;
	font-size: 31px;
	font-weight: 400;
	line-height: 27px;
	letter-spacing: 3px;
	color: #fff;
	text-align: center;
}

#about_bg .about_inner p{
	margin-top: 25px;
	font-size: 13px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 3px;
	color: #fff;
/*	text-align: center;*/
}

#about_bg .about_inner a{
	width: 144px;
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 3px;
	color: #fff;
	margin: 10px auto 0;
	display: block;
}

/*//////アバウトここまで//////*/


/*//////CMSここから//////*/
#cms_bg{
	width: 1024px;
	height: auto;
	margin: 80px auto 0;
	overflow: hidden;
}
#cms_bg h2{
	width: 102px;
	height: auto;
	margin: 10px auto 50px;
}
#cms_bg h2 img{
	width: 100%;
	height: auto;
}

#cms_bg #cms{
	width: 960px;
	height: auto;
	margin: 0 auto;
	padding: 0 55px;
	overflow: hidden;
}

#cms .cms_cont{
	width: 250px;
	height: 346px;
	background-color: #fff;
	margin: 0 25px;
	float: left;
}

#cms .cms_cont:last-child{
	margin-right: 0;
}

#cms .cms_cont a{
	width: 100%;
	height: auto;
}

#cms .cms_cont a img{
	width: 100%;
	height: auto;
}

#cms .cms_cont .cont_text{
	width: 90%;
	height: auto;
	padding: 5%;
}

#cms .cms_cont .cont_text h3{
	font-size: 19px;
	font-weight: 400;
	line-height: 25px;
	letter-spacing: 3px;
}

#cms .cms_cont .cont_text p{
	margin-top: 10px;
	font-size: 11px;
	font-weight: 400;
	line-height: 15px;
	letter-spacing: 3px;
}

#cms .cms_cont a{
	color: #000;
}

#cms_bg a.to_archive{
	display: block;
	margin: 0 auto;
	width: 120px;
	height: auto;
	margin-top: 30px;
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 3px;
	color: #000;
}

html body div#container div#cms_bg div#cms.slick-initialized.slick-slider button.slick-next.slick-arrow:before{
	background-image: url(../img/next.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
}

html body div#container div#cms_bg div#cms.slick-initialized.slick-slider button.slick-prev.slick-arrow:before{
	background-image: url(../img/prev.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;

}
/*//////CMSここまで//////*/


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
movie部分
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#movie_contents{
	width: 850px;
	height: auto;
	margin: 80px auto 0;
	clear: both;
	overflow: hidden;
}

#movie_contents h2{
	width: 178px;
	height: auto;
	margin: 0 auto 50px;
	display: block;
}
#movie_contents h2 img{
	width: 100%;
	height: auto;
	display: block;
}
#movie_contents #movie_inner{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
#movie_contents #movie_inner .cms_content{
	width: calc((100% - 20px * 2 )/3);
	height: 133px!important;
	margin-left: 20px;
	margin-top: 20px;
}
#movie_contents #movie_inner .cms_content:nth-of-type(1),
#movie_contents #movie_inner .cms_content:nth-of-type(4){
	margin-left: 0;
}
#movie_contents #movie_inner .cms_content:nth-of-type(-n+3){
	margin-top: 0;
}
#movie_contents div#movie_inner div.cms_content div.movie_img{
	width: 100%!important;
	height: 100%!important;
}
#movie_contents div#movie_inner div.cms_content div.movie_img iframe{
	width: 100%;
	height: 100%;
}
.toarchive{
	display: block;
	margin: 0 auto;
	margin-top: 0px;
	width: 120px;
	height: auto;
	margin-top: 30px;
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 3px;
	color: #000;
}

/*//////リポートボタンここから//////*/
#report{
	width: 850px;
	height: auto;
	margin: 60px auto 0;
}

#report a{
	width: 100%;
	height: auto;
}

#report a img{
	width: 100%;
	height: auto;
}
/*//////リポートボタンここから//////*/


/*//////メディアここから//////*/
#media_bg{
	margin-top: 85px;
	width: 100%;
	background-color: #221715;
	background-image: url(../img/bg_pattern.png);
	background-repeat: repeat;
	background-size: auto 54px;
	padding: 57px 0 67px 0;
}

#media_bg .media_inner{
	width: 1024px;
	margin: 0 auto;
	overflow: hidden;
}

#media_bg .media_inner img{
	width: 116px;
	height: auto;
	margin: 0 auto;
	display: block;
}

#media_bg .media_inner h4{
	font-size: 30px;
	font-weight: 400;
	line-height: 58px;
	letter-spacing: 3px;
	color: #fff;
	text-align: center;
}

#media_bg .media_inner h5{
	font-size: 14.5px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 3px;
	color: #B9975D;
	text-align: center;
}
#media_bg .media_inner .media_top{
	width: 960px;
	height: auto;
	margin: 36px auto 0;
	padding: 0 55px;
	overflow: hidden;
}
#media_bg .media_inner .media_top div{
	display: block;
	height: auto;
	margin: 0 10px;
}
#media_bg .media_inner .media_top div img{
	width: 100%;
	height: auto;
	margin: 0 -10px;
}
#media_bg .media_inner .media_top div h3{
	margin-top: 10px;
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 1px;
	color: #fff;
	width: 100%;
	margin: 10px -10px;
}

/*ポップアップした時のcss*/
#media_bg .media_inner a{
	display: block;
	width: 141px;
	height: auto;
	margin: 0 10px;
	float: left;
	opacity: 1!important;
}
#media_bg .media_inner a img{
	width: 100%;
	height: auto;
}
/*ポップアップした時のcssここまで*/


html body div#container div#media_bg div.media_inner div.media_top.slick-initialized.slick-slider button.slick-next.slick-arrow:before{
	background-image: url(../img/next2.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
}

html body div#container div#media_bg div.media_inner div.media_top.slick-initialized.slick-slider button.slick-prev.slick-arrow:before{
	background-image: url(../img/prev1.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
}

/*//////メディアここまで//////*/

#insta{
	width: 850px;
	height: auto;
	margin: 57px auto 0;
}

#insta img.insta_title{
	width: 158px;
	height: auto;
	margin: 0 auto;
	display: block;
}

#insta .insta_cont{
	width: 850px;
	height: auto;
	margin: 20px auto;
	overflow: hidden;
}

/*html body div#container div.sns div.sns_bottom div.fb{
	float: none;
	width:500px;
	margin: 0 auto;
}*/

#youtube{
	width: 850px;
	height: 256px;
	margin: 70px auto 0;
	overflow: hidden;
}
#youtube.cm{
	margin-top: 30px;
}

#youtube iframe{
	/*width: 451px;
	height: 256px;*/
	float: left;
}

#youtube img{
	width: auto;
	height: 256px;
	float: right;
}

#bottom_bg{
	margin-top: 80px;
	width: 100%;
	height: auto;
	background-image: url(../img/bottom_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

#bottom_bg .bottom_inner{
	width: 650px;
	height: auto;
	padding: 30px 0;
	margin: 0 auto;
}

#bottom_bg .bottom_inner h4{
	text-align: center;
}

#bottom_bg .bottom_inner h4 img{
	width: 182px;
	height: auto;
}

#bottom_bg .bottom_inner p{
	display: block;
	color: #fff;
	font-size:13px;
	font-weight:400;
	line-height: 24px;
	letter-spacing: 3px;
	margin: 20px auto 0;
}
.link_banner {
	display: block;
	width: 850px;
	margin: 60px auto;
}
.link_banner a.link_banner_01 {
	width: 100%;
	height: auto;
	display: block;
}
.link_banner a.link_banner_01 img {
	width: 100%;
}
.link_banner a.link_banner_02 {
	display: block;
	margin: 30px auto 0;
	width: 130px;
	height: auto;
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 3px;
	color: #000;
	text-align: center;
}


.go_link_banner {
	margin: 60px auto 0;
}


}




/*=================================
スマホ SP
=================================*/
@media only screen and (max-width: 599px) {
/*通常バージョン*/
#eyecatch{
	width: 96%;
	height: auto;
	margin: 0 auto;
	position: relative;
}
#eyecatch img.bg{
	margin-top: 15px;
	width: 100%;
	height: auto:;
}

#eyecatch img.bottole{
	width: 23%;
	height: auto;
	position: absolute;
	top: 2%;
	right: 9%;
}
/*//////アイキャッチここまで//////*/


/*//////コンテナここから//////*/
#container{
	width: 100%;
	height: auto;
}


/*//////スライドここから//////*/
.slider_bg{
	width: 96%;
	max-width: 335px;
	height: auto;
	margin: 0 auto;
}

#container div.slider{
	width: 100%;
	height: auto;
	/*padding: 0 30px;*/
	margin: 0 auto;
	position: relative;
}


/*div.slider_bg div.slider div.slick-list.draggable div.slick-track div.slide_cont.slick-slide{
	width: 800px;
}*/

div.slider_bg div.slider button{
	margin-top: 10px;
}

html body div#container div.slider_bg.pc_none div.slider.slick-initialized.slick-slider button{
	top: 30%;
}
/*html body div#container div.slider_bg.pc_none div.slider.slick-initialized.slick-slider button.slick-prev.slick-arrow{
	top: 20%;
}*/

div.slider_bg div.slider .slide_cont{
	width: 100%;
	height: auto;
	margin: 35px auto 50px;
	overflow: hidden;
}


div.slider_bg div.slider .slide_cont img.item{
	display: block;
	width: auto;
	height:240px;
	margin: 0 auto;
}
div.slider_bg div.slider .text{
	width: 100%;
	min-height: 95px;
}
div.slider_bg div.slider .slide_cont .text h2{
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	text-align: center;
	margin-top: 10px;
}
div.slider_bg div.slider .slide_cont .text h3{
	font-size: 15px;
	font-weight: 400;
	line-height: 23px;
	text-align: left;
	width: 100%;
	margin-top: 10px;
}
div.slider_bg div.slider .slide_cont .to_link{
	width: 100%;
	height: auto;
	margin-top: 10px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 20px;
}
div.slider_bg div.slider .slide_cont .to_link a{
	width: 48%;
	height: auto;
}
div.slider_bg div.slider .slide_cont .to_link a img{
	width: 100%;
	height: auto;
}



div#container div.slider_bg div.slider.slick-initialized.slick-slider ul.slick-dots{
	width: 90%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	bottom: 0px;
	left: 5%;
}
div#container div.slider_bg div.slider.slick-initialized.slick-slider ul.slick-dots li{
	opacity: 0.5;
}
div#container div.slider_bg div.slider.slick-initialized.slick-slider ul.slick-dots li.slick-active{
	opacity: 1.0;
}
.slick-dots li button::before{
	width: 5px;
	height: 5px;
}
/*html body div#container div.slider ul.slick-dots li button::before{
	display: none;
}
html body div#container div.slider ul.slick-dots li button{
	margin: 0;
	padding: 0
}*/
html body div#container div.slider ul.slick-dots li#slick-slide00 button{
	width: 42px;
	height: 42px;
	background-image: url(../img/slide/01_brut.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

html body div#container div.slider ul.slick-dots li#slick-slide01 button{
	width: 42px;
	height: 42px;
	background-image: url(../img/slide/02_deco.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

html body div#container div.slider ul.slick-dots li#slick-slide02 button{
	width: 42px;
	height: 42px;
	background-image: url(../img/slide/03_extra.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

html body div#container div.slider ul.slick-dots li#slick-slide03 button{
	width: 42px;
	height: 42px;
	background-image: url(../img/slide/05_millesime2006.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

html body div#container div.slider ul.slick-dots li#slick-slide04 button{
	width: 42px;
	height: 42px;
	background-image: url(../img/slide/04_millesime2008.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

html body div#container div.slider ul.slick-dots li#slick-slide05 button{
	width: 42px;
	height: 42px;
	background-image: url(../img/slide/06_vintage2006.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

html body div#container div.slider ul.slick-dots li#slick-slide06 button{
	width: 42px;
	height: 42px;
	background-image: url(../img/slide/vintage_2008.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

html body div#container div.slider ul.slick-dots li#slick-slide07 button{
	width: 42px;
	height: 42px;
	background-image: url(../img/slide/07_blanc.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

html body div#container div.slider ul.slick-dots li#slick-slide08 button{
	width: 42px;
	height: 42px;
	background-image: url(../img/slide/11_blancdenoirs.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

html body div#container div.slider ul.slick-dots li#slick-slide09 button{
	width: 42px;
	height: 42px;
	background-image: url(../img/slide/08_brutrose.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

html body div#container div.slider ul.slick-dots li#slick-slide010 button{
	width: 42px;
	height: 42px;
	background-image: url(../img/slide/09_rosedry.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

html body div#container div.slider ul.slick-dots li#slick-slide011 button{
	width: 42px;
	height: 42px;
	background-image: url(../img/slide/10_esprit.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

html body div#container div.slider_bg div.slider button.slick-next.slick-arrow:before{
	background-image: url(../img/next.png);
	background-repeat: no-repeat;
	background-size: auto 70%;
	background-position: center;
}

html body div#container div.slider_bg div.slider button.slick-prev.slick-arrow:before{
	background-image: url(../img/prev.png);
	background-repeat: no-repeat;
	background-size: auto 70%;
	background-position: center;
}


/*//////スライドここまで//////*/

div#container a.to_product{
	width: 151px;
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	color: #000000;
	margin: 15px auto 0;
	display: block;
}

/*CMバナー*/
.cm_bnr{
	width: 96%;
	height: auto;
	display: block;
	margin: 50px auto 0;
}
.b_bottom{
	margin-top: 50px;
}
.cm_bnr img{
	width: 100%;
	height: auto;
	display: block;
}




/*//////アバウトここから//////*/
#about_bg{
	width: 86%;
	height: auto;
	margin: 50px auto 0;
	padding: 5%;
	background-image: url(../img/sp_top/deco_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	position: relative;
}
#about_bg .about_inner{
	width: 80%;
	height: auto;
	padding: 10% 10%;
	background-image:
	url(../img/sp_top/deco1.png),
	url(../img/sp_top/deco3.png);
	background-repeat:
	no-repeat,
	no-repeat;
	background-size: 100%;
	background-position:
	center 0,
	center bottom;
	overflow: hidden;
}
#about_bg .about_inner h2{
	width: 97px;
	height: auto;
	margin: 0 auto;
	display: block;
}
#about_bg .about_inner h2 img{
	width: 100%;
	height: auto;
}

#about_bg .about_inner h3{
	font-size: 16px;
	font-weight: 400;
	line-height: 27px;
	letter-spacing: 3px;
	color: #fff;
	text-align: center;
	margin-top: 17px;
}

#about_bg .about_inner p{
	margin-top: 25px;
	font-size: 13px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 3px;
	color: #fff;
/*	text-align: center;*/
}

#about_bg .about_inner a{
	width: 126px;
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 1px;
	color: #fff;
	text-align: center;
	margin: 20px auto 0;
	display: block;
}

/*//////アバウトここまで//////*/

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
movie部分
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#movie_contents{
	width: 90%;
	height: auto;
	margin: 80px auto 0;
	clear: both;
	overflow: hidden;
}

#movie_contents h2{
	width: 135px;
	height: auto;
	margin: 0 auto;
	display: block;
}
#movie_contents h2 img{
	width: 100%;
	height: auto;
	display: block;
}
#movie_contents #movie_inner{
	width: 100%;
	height: auto;
	margin: 20px auto 0;
}
#movie_contents #movie_inner .cms_content{
	width: 100%;
	height: 133px;
	margin-top: 20px;
	padding: 0;
}
#movie_contents #movie_inner .cms_content:nth-of-type(1){
	margin-top: 0;
}
#movie_contents div#movie_inner div.cms_content div.movie_img{
	width: 100%!important;
	height: 100%!important;
}
#movie_contents div#movie_inner div.cms_content div.movie_img iframe{
	width: 100%;
	height: 100%;
}
.toarchive{
	display: block;
	margin: 0 auto;
	margin-top: 0px;
	width: 120px;
	height: auto;
	margin-top: 30px;
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 3px;
	color: #000;
}


/*//////メディアここから//////*/
#media_bg{
	margin-top: 40px;
	width: 100%;
	background-color: #221715;
	background-image: url(../img/bg_pattern.png);
	background-repeat: repeat;
	background-size: auto 54px;
	padding: 20px 0 20px 0;
}

#media_bg .media_inner{
	width: 96%;
	margin: 0 auto;
	overflow: hidden;
}

#media_bg .media_inner h2{
	width: 93px;
	height: auto;
	margin: 0 auto;
}
#media_bg .media_inner img{
	width: 100%;
	height: auto;
}

/*#media_bg .media_inner h4{
	font-size: 30px;
	font-weight: 400;
	line-height: 58px;
	letter-spacing: 3px;
	color: #fff;
	text-align: center;
}*/

/*#media_bg .media_inner h5{
	font-size: 14.5px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 3px;
	color: #B9975D;
	text-align: center;
}*/
#media_bg .media_inner .media_top{
	width: 100%;
	height: auto;
	margin: 36px auto 0;
	padding: 0 22px;
	overflow: hidden;
}
#media_bg .media_inner .media_top div{
	display: block;
	height: auto;
	margin: 0 11px;
}
#media_bg .media_inner .media_top div img{
	width: 100%;
	height: auto;
	margin: 0 -11px;
/*	display: block;
	float: left;
	padding-right: 29px;*/
}
#media_bg .media_inner .media_top div h3{
	margin-top: 10px;
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 1px;
	color: #fff;
	width: 100%;
	margin: 10px -11px;
}


/*ポップアップした時のcss*/
#media_bg .media_inner a{
	display: block;
	width: 141px;
	height: auto;
	margin: 0 10px;
	float: left;
	opacity: 1!important;
}
#media_bg .media_inner a img{
	width: 100%;
	height: auto;
}
/*ポップアップした時のcssここまで*/


html body div#container div#media_bg div.media_inner div.media_top.slick-initialized.slick-slider button.slick-next.slick-arrow:before{
	background-image: url(../img/next2.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
}

html body div#container div#media_bg div.media_inner div.media_top.slick-initialized.slick-slider button.slick-prev.slick-arrow:before{
	background-image: url(../img/prev1.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
}

/*//////メディアここまで//////*/

#insta{
	width: 96%;
	height: auto;
	margin: 57px auto 0;
}


#insta img.insta_title{
	width: 158px;
	height: auto;
	margin: 0 auto;
	display: block;
}

#insta .insta_cont{
	width: 100%;
	height: auto;
	margin: 20px auto;
	overflow: hidden;
}

/*html body div#container div.sns div.sns_bottom div.fb{
	float: none;
	width:500px;
	margin: 0 auto;
}*/

#youtube{
	width: 96%;
	height: auto;
	margin: 25px auto 0;
	overflow: hidden;
}
#youtube.sp_youtube{
	width: 90%;
	height: auto;
	margin: 0 auto;
}
#youtube.cm{
	margin-top: 10px;
}
#youtube img{
	display: block;
	width: 130px;
	height: auto;
	margin: 0 auto;
}

#youtube iframe{
	width: 100%;
	height: auto;
	min-height: 230px;
	float: left;
	margin-top: 20px;
}
#youtube.cm iframe{
	margin-top: 0;
}

#bottom_bg{
	margin-top: 40px;
	width: 100%;
	height: auto;
	background-image: url(../img/bottom_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

#bottom_bg .bottom_inner{
	width: 90%;
	height: auto;
	padding: 20px 0 30px 0;
	margin: 0 auto;
}

#bottom_bg .bottom_inner h4{
	text-align: center;
}

#bottom_bg .bottom_inner h4 img{
	width: 140px;
	height: auto;
}

#bottom_bg .bottom_inner p{
	display: block;
	color: #fff;
	font-size:14px;
	font-weight:400;
	line-height: 24px;
	letter-spacing: 3px;
	margin: 20px auto 0;
}
.go_link_banner {
	width: 90%;
	margin: 30px auto 0;
}


}












/*youtube .other_inc05ここから*/
.other_inc05{
	width: 100%;
	height: auto;
	margin-top: 30px;
	display: block;
}
.other_inc05 .other_inc05_01{
	width: 850px;
	height: auto;
	padding: 25px 0;
	margin: 0 auto;
	display:flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
@media only screen and (max-width: 599px) {
	.other_inc05 .other_inc05_01{
		width: 90%;
		max-width: 335px;
		padding: 45px 0;
	}
}

.other_inc05 .other_inc05_01 .deco{
	width: 30px;
	height: auto;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}
.other_inc05 .other_inc05_01 .deco:nth-of-type(1){
	left: 0;
	top: 0;
	transform:rotate(90deg); 
}
.other_inc05 .other_inc05_01 .deco:nth-of-type(2){
	right: 0;
	left: initial;
	top: 0;
	bottom: intial;
	transform:rotate(180deg); 
}
.other_inc05 .other_inc05_01 .last_deco{
	right: 0;
	left: initial;
	top: initial;
	bottom: 0;
	transform:rotate(270deg); 
}

/*width: 250px;なら5系まではいります。*/
.other_inc05 .other_inc05_01 .other_inc05_01_01{
	width: calc(90% / 3 - 10px);
	height: auto;
	color: #000000;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: all .5s;
	position: relative;
}
.other_inc05 .other_inc05_01 .other_inc05_01_01.center{
	margin: 0 20px;
}
.other_inc05 .other_inc05_01 .other_inc05_01_01:hover{
	opacity: 0.7;
}
.other_inc05 .other_inc05_01 .other_inc05_01_01 img.thumbnail{
	width: 100%;
	height: auto;
	display: block;
}
.other_inc05 .other_inc05_01 .other_inc05_01_01 img.play{
	width: 50px;
	height: auto;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}
/*.other_inc05ここまで*/


/*ポッポアップ部分ここから*/
.other_inc05_01_02{
	width: 100%;
	min-width: 980px;
	height: auto;
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
}
.other_inc05_01_02 .other_inc05_01_02_01{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow-y: scroll;
	display: flex;
	justify-content: center;
	align-items: center;
}
.other_inc05_01_02 .other_inc05_01_02_01 .other_inc05_01_02_01_01{
	width: 60%;
	height: auto;
	padding: 70px 70px;
	margin: 0 auto;
	border-radius: 12px;
	background-color: #F0EBE9;
	display: block;
	text-align: center;
	position: relative;
	z-index: 1;
}
.other_inc05_01_02 .other_inc05_01_02_01 .other_inc05_01_02_01_01 .flame_box{
	width: 100%;
	height: 500px;
	position: relative;
}
.other_inc05_01_02 .other_inc05_01_02_01 .other_inc05_01_02_01_01 .flame_box iframe{
	width: 100%;
	min-width: initial;
	height: 100%;
	min-height: initial;
	display: block;
	position: absolute;
	top: 0;
	bottom: auto;
	left: 0;
	right: auto;
	margin: auto;

}
.other_inc05_01_02 .other_inc05_01_02_01 .other_inc05_01_02_01_01 .popup-close-btn{
	width: 28px;
	height: 28px;
	z-index: 10;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	position: absolute;
	top: 29px;
	bottom: auto;
	left: auto;
	right: 30px;
	margin: auto;
}
.other_inc05_01_02 .other_inc05_01_02_01 .other_inc05_01_02_01_01 .popup-close-btn .line-bar{
	width: 28px;
	height: 1.5px;
	background-color: #707070;
	border-radius: 1px;
	position: relative;
	margin: 0;
	transform: rotate(135deg);
	display: block;
}
.other_inc05_01_02 .other_inc05_01_02_01 .other_inc05_01_02_01_01 .popup-close-btn .line-bar::before{
	content: "";
	display: block;
	background-color: #707070;
	border-radius: 1px;
	position: absolute;
	width: 100%;
	height: 1.5px;
	transform: rotate(90deg);
	top: 0;
}
.other_inc05_01_02 .other_inc05_01_02_01 .other_inc05_01_02_01_01 .other_inc05_01_02_01_01_01{
	width: auto;
	height: auto;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.other_inc05_01_02 .other_inc05_01_02_02{
	width: 100%;
	height: 100%;
	background-color: rgba( 54, 54, 54, .95);
	display: block;
	cursor: pointer;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
	margin: auto;
}
/*ポッポアップ部分ここまで*/