@charset "utf-8";

/*==============================================

	パリジェンヌ (SP)
	Index

==============================================*/

/*================================
	Layout, Elements
================================*/
body{
	
}
main{
	padding-bottom: 3rem;	
}


/*------------------------
	Titles
------------------------*/
main h2,
main #training h3,
main #producer h3{
	font-weight: normal;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.2rem;
}
main h2 span,
main #training h3 span,
main #producer h3 span{
	display: block;
	margin-bottom: 1rem;
	font-family: 'Prata', serif;
	letter-spacing: .1em;
	line-height: 1;
}



/*================================
	Page Header
================================*/
main .pageheader {
	background: #eae1df;
	padding: 5rem 0;
}
main .pageheader h1{
	width: 90%;
	margin: 0 auto;
	letter-spacing: .2em;
	position: relative;
	text-align: center;
}
main .pageheader h1 img{
	display: block;
	max-width: 23rem;
	margin: 2rem auto;
}
main .pageheader h1 span{
	text-align: center;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.4rem;
	font-weight: normal;
}



/*================================
	Concept
================================*/
main #concept {
	background: url(../img/concept_bg.jpg) 60% center /cover no-repeat;
	padding: 6rem 5% 5rem;
}
main #concept *{
}
main #concept h2{
	max-width: 15rem;
	margin: 0 auto 3rem;
	text-align: center;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.3rem;
}
main #concept h2 span{
	background: url(../img/concept_letter.svg) left top /auto 11rem no-repeat;
	margin-bottom: 1rem;
	padding: 5rem 0 4.5rem 5rem;
	text-align: left;
	font-size: 2rem;
}
main #concept h2 span em{
	display: none;
}
main #concept .copy{
	margin-bottom: 3rem;
	text-align: center;
	font-size: 1.6rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing: .1em;
}
main #concept .note p{
	line-height: 2;
}




/*================================
	About
================================*/
main #about .chapter {
	
}
main #about h2{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	color: #aa9268;
}
main #about h2 span{
	margin-bottom: .5rem;
	font-size: 3.6rem;
	color: #333;
}
main #about .copy{
	font-size: 1.5rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
}



/*================================
	About : What's;
================================*/
main #about .whats {
	background: #e0c3ba;
}
main #about .whats figure{
	display: none;
}
main #about .whats .details{
	padding: 5rem 0;
	text-align: center;
}
main #about .whats .details img{
	max-width: 26rem;
}



/*================================
	About : About
================================*/
main #about .about {
	background: #f2e7e4;
}
main #about .about figure{
	position: relative;
}
main #about .about figure::before{
	content: url(../img/about_letter.svg);
	display: block;
	width: 80%;
	max-width: 23rem;
	position:absolute;
	left:3%;bottom:-8rem;
}
main #about .about .details{
	padding: 6rem 5% 10rem;
	position: relative;
	z-index: 2;
}
main #about .about .copy{
	margin: 3rem 0;

}





/*================================
	About : Point
================================*/
main #about .point {
	background: #f9f5f4;
	padding-bottom: 5rem;
}
main #about .point .chapter{
	display:flex;
	display: -webkit-flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	width: 90%;
	margin: 0 auto;
	padding: 2rem 0 0;
	position: relative;
	z-index: 2;
}
main #about .point .details{
	-webkit-order:-1;
	order:-1;
	padding: 9rem 5% 5rem;
}
main #about .point .details::before{
	content: url(../img/point_letter.svg);
	display: block;
	width: 17rem;
	position:absolute;
	left:0;top:-5rem;
}
main #about .point h2{
	padding-left: 10rem;
}
main #about .point h2 span{
	color: #cf7078;
}
main #about .point h2 span em{
	display: none;
}
main #about .point .copy {
	margin: 3rem 0 2rem;
}
main #about .point .overview{
	
}
main #about .point .overview figure img{
	display: block;
}
main #about .point .overview figure img:not(:last-of-type){
	margin-bottom: 5vw;
}
main #about .point .pointlist {
	display:flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items:stretch;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-top: 3rem;
}
main #about .point .pointlist li{
	width: 48%;
	background: #d3bd9f;
	border-radius: 50%;
	padding-top: 48%;
	position: relative;
}
main #about .point .pointlist li:not(:first-of-type):not(:nth-of-type(2)){
	margin-top: 5vw;
}
main #about .point .pointlist li span{
	width: 90%;
	text-align: center;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.6rem;
	color: #fff;
	position:absolute;
	left:50%;top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}




/*================================
	Merit
================================*/
main #merit {
	width: 90%;
	margin: 0 auto;
	padding: 5rem 0;
	counter-reset: number;
}
main #merit h2{
	margin-bottom: 3rem;
	text-align: center;
}
main #merit h2 span{
	margin-bottom: .5rem;
	font-size: 3rem;
	
}
main #merit .chapter:not(:last-of-type) {
	margin-bottom: 5rem;
}
main #merit h3{
	border-bottom: 1px solid  #efe4e4;
	margin: 3rem 0 1.5rem;
	padding-bottom: 1.5rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	font-size: 1.5rem;
	letter-spacing: .1em;
}
main #merit .chapter h3::before{
	counter-increment: number;
	content: "#" counter(number) ".";
	margin-right: .5em;
	font-family: 'Lato', serif;
	font-weight: 300;
	color: #cf7078;
}
main #merit figure{
	padding: 0 10%;
}




/*================================
	Training
================================*/
main #training .sectheader {
	background: #cf7078;
	padding: 5rem 5%;
}
main #training .sectheader *{
	text-align: center;
	color: #fff;
}
main #training .sectheader .copy{
	margin-bottom: 3rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.6rem;
}
main #training .sectheader h2 span{
	margin-bottom: 1rem;
	font-size: 3.4rem;
}
main #training .sectheader h2 span::before{
	content: url(../img/training_title.svg);
	display: block;
	max-width: 10.5rem;
	margin: 0 auto 1rem;
}
main #training .sectheader h2::after{
	content: "";
	display: block;
	width: 5rem;
	border-top: 1px solid  #fff;
	margin: 3rem auto;
}
main #training h3 {
	margin-bottom: 4rem;
	text-align: center;
	font-size: 1.6rem;
	letter-spacing: .1em;
}
main #training h3 span{
	margin-bottom: 2rem;
	font-size: 3rem;
	color: #aa9268;
}




/*================================
	Training : Lesson Point
================================*/
main #training .points {
	padding-top: 5rem;
}
main #training .points h3::before{
	content: url(../img/lessonpoint_title.svg);
	display: block;
	max-width: 8rem;
	margin: 0 auto 1rem;
}
main #training .points .pointlist {
	display:flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items:stretch;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
main #training .points .pointlist li{
	display:flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	width: 49vw;
	background: #aa9268;
	color: #fff;
}
main #training .points .pointlist li:not(:first-of-type):not(:nth-of-type(2)){
	margin-top: 2vw;
}
main #training .points .pointlist li>*{
	width: 100%;
}
main #training .points .pointlist li img{
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
}
main #training .points .pointlist li:nth-of-type(odd) img{
	border-bottom: 2vw solid  #fff;
}
main #training .points .pointlist li:nth-of-type(even) img{
	border-top: 2vw solid  #fff;
}
main #training .points .pointlist li:nth-of-type(even) p{
	-webkit-order:-1;
	order:-1;
}
main #training .points .pointlist li p{
	padding: 3rem 1rem;
	text-align: center;
	font-size: .9rem;
}
main #training .points .pointlist li span{
	display: block;
	margin-bottom: 1rem;
	font-family: 'Prata', serif;
	font-size: 2rem;
	line-height: 1;
	letter-spacing: .1em;
}



/*================================
	Step Up
================================*/
main #training .stepup {
	background: url(../img/stepup_bg.jpg) center bottom 40rem /auto 70% no-repeat;
	padding-top: 5rem;
}
main #training .stepup h3::before{
	content: url(../img/stepup_title.svg);
	display: block;
	max-width: 6rem;
	margin: 0 auto 1rem;
}
main #training .stepup figure{
	margin-bottom: 4rem;
	padding: 0 5%;
}


/*------------------------
	Step List
------------------------*/
main #training .stepup .steplist{
	margin-bottom: 4rem;
	padding: 0 5%;
}
main #training .stepup .steplist>dt,
main #training .stepup .steplist dd{
	font-size: 1.2rem;
}
main #training .stepup .steplist dt{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing: .1em;
}
main #training .stepup .steplist>dt{
	display: inline-block;
	background: #333;
	margin-bottom: 2rem;
	padding: .5rem 2rem;
	color: #fff;
}
main #training .stepup .steplist>dt:not(:first-of-type){
	margin-top: 3rem;
}
main #training .stepup .steplist>dt:first-of-type{
	border-left: 5px solid  #8ab2bc;
}
main #training .stepup .steplist>dt:nth-of-type(2){
	border-left: 5px solid  #e5a288;
}
main #training .stepup .steplist>dt:nth-of-type(3){
	border-left: 5px solid  #a0aa80;
}
main #training .stepup .steplist>dd{
	
}
main #training .stepup .steplist .sublist dt{
	border-bottom: 1px solid  #aa9268;
	margin-bottom: 1rem;
	padding-bottom: .5rem;
	font-size: 1.4rem;
	color: #aa9268;
}
main #training .stepup .steplist .sublist dt::before{
	content: "・";
}
main #training .stepup .steplist .sublist dd:not(:last-of-type){
	margin-bottom: 2rem;
}


/*------------------------
	Info
------------------------*/
main #training .stepup .info {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 2rem;
}
main #training .stepup .info *{
	text-align: center;
}
main #training .stepup .info>*{
	background: #fff;
}
main #training .stepup .info h4{
	padding: 3rem 1rem 1rem;
	font-weight: normal;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.4rem;
	letter-spacing: .1em;
}
main #training .stepup .info h4 span{
	display: block;
	margin-bottom: .5rem;
	font-family: 'Prata', serif;
	font-size: 1.6rem;
	line-height: 1;
	color: #aa9268;
}
main #training .stepup .info .note{
	padding: 0 2rem 3rem;
}
main #training .stepup .info .note p{
	border-top: 1px solid  #aa9268;
	padding-top: 1rem;
	font-size: 1.2rem;
}
main #training .stepup .info.basic{
	background-image: url(../img/stepup_basic_bg.jpg);
}
main #training .stepup .info.materials{
	background-image: url(../img/stepup_meterials_bg.jpg);
}



/*================================
	Training : Search
	カレンダー、開催地は /common/styles/modules/trainingsearch_sp.css へ
================================*/
main #training .trainingsearch {
	padding: 5rem 0 30px;
}
main #training .trainingsearch h3{
	width: 90%;
	border-top: 5px solid  #aa9268;
	margin: 0 auto 2rem;
	padding-top: 5rem;
}
main #training .trainingsearch h3::before{
	content: url(/mg/wp-content/themes/parisienne_191003/assets/common/img/logo.svg);
	display: block;
	    max-width: 16rem;
    margin: 0 auto 1rem;
}
main #training .trainingsearch .more{
	border-bottom: 5px solid  #aa9268;
	padding-bottom: 5rem;
}

main #training .trainingsearch .banner {
}

main #training .trainingsearch .banner ul {

}

main #training .trainingsearch .banner ul li {
    padding: 0 10px;
}

main #training .trainingsearch .banner ul li img{
}

main #training .trainingsearch .banner ul li p {
text-align: center;
	margin: -0.8rem auto 10px;
}

/*================================
	Instructor
================================*/
main #instructor {
	background: #f9f5f4;
	padding: 7rem 10% 5rem;
	position: relative;
}
main #instructor::before{
	content: "";
	display: block;
	width: 100%;
	height: 7rem;
	background: #fff;
	position: absolute;
	left: 0;top: 0;
}
main #instructor h2{
	margin-bottom: 4rem;
	text-align: center;
	font-size: 1.6rem;
	transform: translateY(-1.6rem);
}
main #instructor h2 span{
	margin-bottom: 1rem;
	font-size: 3rem;
	color: #aa9268;
}
main #instructor .inner{
	
}
main #instructor .memberlist{
	overflow: visible;
}
main #instructor .memberlist li{
	padding: 0 1.5rem;
	text-align: center;
	font-size: 1.6rem;
	font-family: 'Prata', serif;
	line-height: 1;
	letter-spacing: .1em;
}
main #instructor .memberlist li img{
	display: block;
	margin-bottom: 2rem;
}
main #instructor .memberlist li span{
	display: block;
	margin-top: 1rem;
	font-family: 'Lato', serif;
	font-size: 1rem;
	color: #aa9268;
}
main #instructor .memberlist li span::before{
	content: "\003e";
	margin-right: .5em;
}
main #instructor .slidenav {
	width: 3rem;height: 3rem;
	background: #aa9268;
	font-size: 0;
	text-indent: -9999px;
	position:absolute;
	top:calc(50% - 3rem);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
}

main #instructor .slidenav::before{
	content: "";
	display: block;
	width: 1rem;height: 1rem;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%) rotate(45deg);
	-moz-transform:translateY(-50%) rotate(45deg);
	transform:translateY(-50%) rotate(45deg);
}
main #instructor .slidenav.prev{
	left:-10%;
}
main #instructor .slidenav.prev::before{
	border-left: 1px solid  #fff;
	border-bottom: 1px solid  #fff;
	left: 1.25rem;
}
main #instructor .slidenav.next{
	right:-10%;
}
main #instructor .slidenav.next::before{
	border-top: 1px solid  #fff;
	border-right: 1px solid  #fff;
	right: 1.25rem;
}



/*------------------------
	Profile
------------------------*/
#colorbox .profile {
	background: #fff;
	padding: 3rem;
}
#colorbox .profile figure{
	width: 70%;
	margin: 0 auto 2rem;
}
#colorbox .profile .details{
	
}
#colorbox .profile h3{
	margin-bottom: 1.5rem;
	font-weight: normal;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.8rem;
	letter-spacing: .1em;
}
#colorbox .profile h3 span{
	display: block;
	font-size: 1rem;
	color: #aa9268;
}
#colorbox .profile h4{
	margin-bottom: .5rem;
	font-weight: normal;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#colorbox .profile .note:not(:last-of-type){
	margin-bottom: 2rem;
}
#colorbox .profile .note p{
	font-size: 1rem;
}



/*================================
	Movie
================================*/
main #movie {
	width: 90%;
	background: #f9f5f4;
	margin: 5rem auto;
}


/*------------------------
	Movie
------------------------*/
main #movie .movie{
	position: relative;
}
main #movie .movie .title{
	width: 90%;
	text-align: center;
	color: #fff;
	position:absolute;
	left:50%;top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
main #movie .movie .title::before{
	content: url(../../common/img/icon_youtube.svg);
	display: block;
	width: 3.5rem;height: 3.5rem;
	margin: 0 auto 2rem;
}


/*------------------------
	Details
------------------------*/
main #movie .details{
	padding: 5rem 5%;
}
main #movie .details *{
	text-align: center;
}
main #movie h2{
	margin-bottom: 3rem;
}
main #movie h2 span{
	margin-bottom: 1rem;
	font-size: 3rem;
}
main #movie .more a{
	display: block;
	max-width: 30rem;
	background: #aa9268;
	margin: 0 auto;
	padding: 2rem 1rem;
	text-align: center;
	color: #fff;
	position: relative;
}
main #movie .more a::after{
	content:"";
	display:block;
	width:1rem;height:1rem;
	position:absolute;
	left:3rem;top:50%;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-webkit-transform:translateY(-50%) rotate(45deg) ;
	-moz-transform:translateY(-50%) rotate(45deg) ;
	transform:translateY(-50%) rotate(45deg) ;
}



/*================================
	Voice
================================*/
main #voice{
	background: #efe4e4;
	padding: 5rem 0 7rem;
}
main #voice h2{
	margin-bottom: 3rem;
	text-align: center;
}
main #voice h2 span{
	margin-bottom: 1rem;
	font-size: 3rem;
}
main #voice .voicelist {
	padding: 0 5%;
	overflow: visible;
}
main #voice .voicelist::before{
	content: "";
	display: block;
	width: 30%;
	max-width: 6rem;
	padding-top: 35%;
	background: url(../img/voice_motif01.png) center center /contain no-repeat;
	position: absolute;
	left: 5%;top: -15%;
	z-index: 2;
}
main #voice .voicelist::after{
	content: "";
	display: block;
	width: 30%;
	max-width: 10rem;
	padding-top: 40%;
	background: url(../img/voice_motif02.png) center center /contain no-repeat;
	position: absolute;
	right: 5%;bottom: -15%;
}
main #voice .voicelist li {
	
}
main #voice .voicelist .entry{
	
}
main #voice .slidenav {
	width: 3rem;height: 3rem;
	background: #aa9268;
	font-size: 0;
	text-indent: -9999px;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index: 3;
}

main #voice .slidenav::before{
	content: "";
	display: block;
	width: 1rem;height: 1rem;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%) rotate(45deg);
	-moz-transform:translateY(-50%) rotate(45deg);
	transform:translateY(-50%) rotate(45deg);
}
main #voice .slidenav.prev{
	left:0;
}
main #voice .slidenav.prev::before{
	border-left: 1px solid  #fff;
	border-bottom: 1px solid  #fff;
	left: 1.25rem;
}
main #voice .slidenav.next{
	right:0;
}
main #voice .slidenav.next::before{
	border-top: 1px solid  #fff;
	border-right: 1px solid  #fff;
	right: 1.25rem;
}



/*================================
	Case
================================*/
main #case {
	background:  url(../img/case_bg.jpg) center center /cover no-repeat;
	padding: 5rem 5%;
}
main #case h2 {
	text-align: center;
	position: relative;
	z-index: 2;
}
main #case h2 span {
	font-size: 3rem;
}
main #case h2::before {
	content: url(../img/case_title.svg);
	display: block;
	max-width: 11rem;
	margin: 0 auto 1rem;
}
main #case .entries {
	background: #fff;
	margin: -5rem auto 0;
	padding: 6rem 0 2rem;
	overflow: visible;
}
main #case .entry{
	padding: 2rem 2rem 0;
}
main #case .entry figure{
	margin-bottom: 3rem;
	padding: 0 10%;
}
main #case .entry .details{
	
}
main #case .entry h3{
	margin-bottom: 2rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	font-size: 1.5rem;
}
main #case .entry .note p{
	font-size: 1.1rem;
}
main #case .slidenav {
	width: 3rem;height: 3rem;
	font-size: 0;
	text-indent: -9999px;
	position:absolute;
	bottom:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
}

main #case .slidenav::before{
	content: "";
	display: block;
	width: 1.5rem;height: 1.5rem;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%) rotate(45deg);
	-moz-transform:translateY(-50%) rotate(45deg);
	transform:translateY(-50%) rotate(45deg);
}
main #case .slidenav.prev{
	left:3.5%;
}
main #case .slidenav.prev::before{
	border-left: 1px solid  #ccc;
	border-bottom: 1px solid  #ccc;
	left: 1.25rem;
}
main #case .slidenav.next{
	right:3.5%;
}
main #case .slidenav.next::before{
	border-top: 1px solid  #ccc;
	border-right: 1px solid  #ccc;
	right: 1.25rem;
}
main .slick-slider .pagenav {
	margin-top: 3rem;
	text-align: center;
}
main .slick-slider .pagenav li{
	display: inline-block;
	margin: 0 1rem;
}
main .slick-slider .pagenav button{
	display: block;
	width: .5rem;height: .5rem;
	background: #ccc;
	border-radius: 50%;
	border: none;
	margin: 0;
	padding: 0;
	font-size: 0;
	text-indent: -9999px;
}
main .slick-slider .pagenav li.slick-active button{
	background: #666;
}



/*================================
	Producer
================================*/
main #producer {
	padding: 5rem 5%;
}
main #producer h2{
	margin-bottom: 3rem;
	text-align: center;
}
main #producer h2 span{
	font-size: 3rem;
}
main #producer h2::before{
	content: url(../img/producer_title.svg);
	display: block;
	max-width: 8.2rem;
	margin: 0 auto 1rem;
}



/*------------------------
	Vision
------------------------*/
main #producer .vision{
	
}
main #producer .vision h3{
	margin-bottom: 3rem;
	text-align: center;
}
main #producer .vision h3::before{
	content: url(../img/producer_vision_title.svg);
	display: block;
	max-width: 4.6rem;
	margin: 0 auto 1rem;
}
main #producer .vision h3 span{
	font-size: 2.4rem;
	color: #cf7078;
	position: relative;
}
main #producer .vision h3 span::before,
main #producer .vision h3 span::after{
	content: "";
	display: block;
	width: calc(50% - 8rem);
	border-top: 1px solid  #efe4e4;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
}
main #producer .vision h3 span::before{
	left:0;
}
main #producer .vision h3 span::after{
	right: 0;
}
main #producer .vision .note{
	display:flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
main #producer .vision .note p{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 2;
}




/*------------------------
	Profile
------------------------*/
main #producer .profile{
	padding: 5rem 0 3rem;
}
main #producer .profile h3{
	width: 100%;
	margin-bottom: 3rem;
	text-align: center;
}
main #producer .profile h3 span{
	font-size: 2.2rem;
	color: #aa9268;
	position: relative;
}
main #producer .profile h3 span::before,
main #producer .profile h3 span::after{
	content: "";
	display: block;
	width: calc(50% - 9rem);
	border-top: 1px solid  #efe4e4;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
}
main #producer .profile h3 span::before{
	left:0;
}
main #producer .profile h3 span::after{
	right: 0;
}
main #producer .profile figure{
	margin-bottom: 3rem;
	padding: 0 15%;
}
main #producer .profile .details{
	
}
main #producer .profile .name{
	font-size: 2rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
}
main #producer .profile .name em{
	display: block;
	margin-bottom: .5rem;
	font-size: 1.2rem;
	letter-spacing: .1em;
	line-height: 1;
	color: #aa9268;
}
main #producer .profile .name a.insta {
	display: inline-block;
	font-size: 1.2rem;
	letter-spacing: .1em;
	line-height: 1;
	color: #aa9268;
	    padding: 0;
}
main #producer .profile .name a.youtube {
	display: inline-block;
	font-size: 1.2rem;
	letter-spacing: .1em;
	line-height: 1;
	color: #aa9268;
	padding-left: 5px;
}

main #producer .profile .name a {
	display: inline-block;
	font-size: 1.2rem;
	letter-spacing: .1em;
	line-height: 1;
	color: #aa9268;
}

main #producer .profile .name a.insta::before{
	margin-right: .5em;
	content:"\f16d";
	font-family: "Font Awesome 5 Brands";
	font-weight: 900;
}
main #producer .profile .position{
	margin: 2rem 0;
	font-size: 1.1rem;
	color: #aa9268;
}
main #producer .profile .note p{
	font-size: 1.1rem;
}



/*------------------------
	History
------------------------*/
main #producer .history {
	margin-bottom: 3rem;
}
main #producer .history .historylist {
	overflow: hidden;
	position: relative;
}
main #producer .history .historylist:not(:last-of-type){
	padding-bottom: 1rem;
}
main #producer .history .historylist::before{
	content: "";
	display: block;
	border-left: 1px solid  #efe4e4;
	position: absolute;
	left: 5em;top: 0;bottom: 0;
}
main #producer .history .historylist dt,
main #producer .history .historylist dd{
	font-size: 1rem;
}
main #producer .history .historylist dt{
	width: 5em;
	float: left;
}
main #producer .history .historylist dd{
	padding-left: 8em;
}
main #producer .history .historylist dd+dd{
	margin-top: .5rem;
}
main #producer .history .historylist dd+dt,
main #producer .history .historylist dt:not(:first-of-type)+dd{
	margin-top: 1rem;
}



/*------------------------
	Logo
------------------------*/
main #producer .logo {
	max-width: 20rem;
	margin: 0 auto;
}




/*================================
	Insta
================================*/
main .insta {
	padding: 0 5%;
}
main .insta h2{
	margin-bottom: 1rem;
	text-align: center;
	font-family: 'Lato', serif;
	font-size: 1rem;
	line-height: 1;
	letter-spacing: .1em;
}
main .insta h2,
main .insta h2 a{
	
}
main .insta h2::before{
	content:"\f16d";
	font-family: "Font Awesome 5 Brands";
	display: block;
	text-align: center;
	margin: 0 auto 1rem;
	font-size: 2rem;
	color: #cf7078;
}
main .insta .photolist {
	display:flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items:flex-start;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	position: relative;
}
main .insta .photolist li{
	width: 43vw;
	height: 43vw;
	position: relative;
	overflow: hidden;
}
main .insta .photolist li:not(:first-of-type),
main .insta .photolist li:not(:nth-of-type(2)){
	margin-top: 3vw;
}
main .insta .photolist li:last-of-type,
main .insta .photolist li:nth-last-of-type(2),
main .insta .photolist li:nth-last-of-type(3){
	display: none;
}
main .insta .photolist li img{
	position:absolute;
	left:50%;top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
main .insta .photolist li:not(.port) img{
	width: auto;
	max-width: none;
	height: 100%;
}
main .insta .photolist li.port img{
	width: 100%;
	height: auto;
}