@charset "UTF-8";
/* CSS Document */

/* active　*/

.navbar-default .navbar-nav > #nav03 a {
	background: url(../../common/img/gNavi03-on.png) no-repeat;
}

/*　main-contents　*/

#main-contents.brand {
	background: url(../img/brand-bg.jpg) top center no-repeat;
	width: 100%;
}

#main-contents.brand01 {
	background: url(../img/brand01-bg.jpg) top center no-repeat;
	width: 100%;
}

#main-contents.brand02 {
	background: url(../img/brand02-bg.jpg) top center no-repeat;
	width: 100%;
}

#main-contents.brand03 {
	background: url(../img/brand03.jpg) top center no-repeat;
	width: 100%;
}

#main-contents.brand04 {
	background: url(../img/brand04.jpg) top center no-repeat;
	width: 100%;
}

#main-contents.brand05 {
	background: url(../img/brand05.jpg) top center no-repeat;
	width: 100%;
}


#page-brand.contents-box {
	padding: 40px;
}



/*------------------------
　　よしざわのブランド展開
------------------------*/

#brand {
	width: 100%;
	overflow: hidden;
}

#brand h1 {
	color: #000000;
	font-size: 40px;
	font-weight: 400;
	line-height: 50px;
	margin-bottom: 40px;
	text-align: center;
}

#brand p {
	color: #000000;
	font-size: 22px;
	font-weight: 400;
	line-height: 26px;
}

#brand p.txt-yosizawa-yuuzen {
	margin: 50px 0 10px 0;
}


.brand-type {
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
}

.brand-type ul {
	padding: 0;
}

.brand-type ul li {
	float: left;
	width: 49%;
}

#brand  p.cache{
	padding:10px;
	color: #000000;
	font-size: 16px;
	line-height: 24px;
}

.brand-type ul li a {
	color: #000;
	text-decoration: underline;
}

.brand-type ul li a:hover {
	opacity: 0.6;
	text-decoration: none;
}

#brand  p.cache a:hover {
	opacity: 1;
}

.brand-type ul li:nth-child(even) {
	margin-left: 2%;
}

.brand-type ul li:last-child {
	width: 100%;
}

.brand-type ul li:nth-child(3) {
	clear: both;
}




.brand-development {
	overflow: hidden;
	margin-top: 75px;
	width: 100%;
}

.brand-development-nav {
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
}

.brand-development-nav ul {
	padding: 0;
}

.brand-development-nav ul.pull-left {
	width: 48%;
}

.brand-development-nav ul.pull-right {
	width: 48%;
	margin-left: 4%;
}

.brand-development-nav ul li {
	margin-bottom: 10px;
}

.brand-development-nav ul li a {
	display: block;
}

.brand-development-nav ul li a:hover {
	opacity: 0.7;
}





/*　brand-main　*/

.brand-main {
	width: 100%;
	position: relative;
	min-height: 1200px;
}

.brand-main h1.ttl-brand {
	position: absolute;
	top: 0;
	right: 0;
}

.brand-main p.vertical {
	-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
	position: absolute;
	top: 130px;
	right: 210px;
	font-size: 16px !important;
}

.img-position01 {
	position: absolute;
	top: 0;
	left: 0;
}

.img-position02 {
	position: absolute;
	bottom: 0;
    left: 20%;
	}




/* profile-box　*/

.profile-box {
	width: 100%;
	overflow: hidden;
	padding: 40px;
	margin-top: 60px;
}

.profile-box .pull-left {
	width: 37%;
}

.profile-box .pull-right {
	width: 63%;
}

.profile-box h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0;
}

.profile-box dl {
	width: 100%;
	font-size: 16px;
}

.profile-box dl dt {
	clear: both;
	float: left;
	width: 20%;
	padding: 5px 0;
}

.profile-box dl dd {
	width: 80%;
	margin-left: 20%;
	padding: 5px 0;
}




/*------------------------
　　 吾妻徳穂・踊りの世界
------------------------*/

#brand01-tokuho {
	
}

#brand01-tokuho:before {
	content: "";
	position: absolute;
	bottom: 30px;
	left: 0;
	background: url(../img/patterns-bg01.png) left bottom no-repeat;
	width:  220px;
	height: 213px;
}



.brand01 .profile-box {
	background: url(../img/profile-box-bg01.png) no-repeat;
	height: 402px;
}




/*------------------------
　　 　 吉田簔助の世界
------------------------*/

#brand02-minosuke {
	width: 100%;
}

#brand02-minosuke:before {
	content: "";
	position: absolute;
	bottom: 30px;
	left: 0;
	background: url(../img/patterns-bg02.png) left bottom no-repeat;
	width:  214px;
	height: 205px;
}

.brand02 .profile-box {
	background: url(../img/profile-box-bg02.png) no-repeat;
	height: 462px;
}




/*------------------------
　　 　矢萩春恵の世界
------------------------*/

.brand03 .profile-box {
	background: url(../img/profile-box-bg03.png) no-repeat;
	height: 642px;
}

.brand03 .profile-box dl {
	margin: 0;
}

.brand03 .profile-box p {
	margin: 0;
	font-size: 16px !important;
	line-height: 180% !important;
}




/*------------------------
　　　　田中優子の世界
------------------------*/

#brand04-tanaka:before {
	content: "";
	position: absolute;
	bottom: 150px;
	right: 0;
	background: url(../img/patterns-bg04.png) left bottom no-repeat;
	width:  229px;
	height: 331px;
}

#brand04-tanaka.brand-main p.vertical {
	line-height: 180% !important;
	right: 210px;
}

.brand04 .profile-box {
	background: url(../img/profile-box-bg04.png) no-repeat;
	height: 462px;
}

.brand04 .profile-box p {
	margin: 0;
	font-size: 16px !important;
	line-height: 160% !important;
}

.brand04 .profile-box h2 {
	line-height: 160%;
}




/*------------------------
　　　　ふりそで美術館
------------------------*/

#brand05-furisode {
	width: 100%;
}

#brand05-furisode h1 {
	margin-top: 40px;
}

#brand05-furisode h2 {
	font-size: 30px;
}

#brand05-furisode p {
	font-size: 16px;
}







@media screen and ( max-width:767px ) {
	
	
	#page-brand.contents-box {
		padding: 5%;
	}
	
	.brand-main {
		min-height: auto;
	}
	
	.brand-main h1.ttl-brand {
		position: static;
	}
	
	.brand-main:before {
		content: "";
		background: none !important;
	}
	
	/*---------------------------
	　　よしざわのブランド展開(sp)
	---------------------------*/
	
	.brand-type ul li {
		width: 100%;
	}
	
	.brand-type ul li:nth-child(even) {
		margin-left: 0;
	}
	
	
	
	
	
	
	.brand-development h2 img {
		width: 100%;
	}

	.brand-development-nav ul.pull-left {
		width: 100%;
	}

	.brand-development-nav ul.pull-right {
		width: 100%;
		margin-left: 0;
	}

	.brand-development-nav ul li a img {
		width:100%;
	}
	
	
	
	#brand h1.ttl-common01 span {
		display: inline-block;
		padding-bottom: 5px;
		border-bottom: 1px solid #ccc;
		margin-bottom:5px;
		font-size: 70%;
		width: 100%;
	}
	
	#brand h1.ttl-common01 span:nth-child(2) {
		display: inline-block;
		padding-bottom: 0;
		border-bottom: none;
		margin-bottom:0;
		font-size: 50%;
		width: 100%;
	}
	
	.brand-main p.vertical {
        -ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb; 
		position: static;
		font-size: 100% !important;
}
	
	.img-position01 {
		position: static;
	}
	
	.img-position02 {
		position: static;
	}
	
	#brand p {
    	color: #000000;
    	font-size: 22px;
    	font-weight: 400;
    	line-height: 160%;
	}	
	
	/* profile-box　*/

	.profile-box {
		width: 100%;
		overflow: hidden;
		padding: 5%;
		margin-top: 30px;
	}

	.profile-box .pull-left {
		width: 100%;
	}
	
	.profile-box .pull-left img {
		margin: 0 auto;
	}

	.profile-box .pull-right {
		width: 100%;
	}
	
	.profile-box .pull-right p {
		font-size: 100% !important;
	}

	.profile-box h2 {
		font-size: 120%;
		margin: 20px 0 10px;
		text-align: center;
	}

	.profile-box dl {
		width: 100%;
		font-size: 100%;
	}
	
	.profile-box dl dt {
		width: 25%;
	}
	
	.profile-box dl dd {
		width: 75%;
		margin-left: 25%;
		padding: 5px 0 5px 10px;
	}

	
	
	
	
	/*---------------------------
　　 　　吾妻徳穂・踊りの世界(sp)
    ---------------------------*/

	.brand01 .profile-box {
		background: url(../img/profile-box-bg01.png)  repeat-y;
		width: 100%;
		height: auto;
	}
	
	
	
	
	/*---------------------------
　　 　　　　吉田簔助の世界(sp)
    ---------------------------*/
	
	.brand02 .profile-box {
		background: url(../img/profile-box-bg02.png) repeat-y;
		width: 100%;
		height: auto;
	}
	
	
	
	
	/*---------------------------
　　 　　　　矢萩春恵の世界(sp)
    ---------------------------*/
	
	.brand03 .profile-box {
		background: url(../img/profile-box-bg03.png) repeat-y;
		width: 100%;
		height: auto;
	}
	
	
	
	
	/*---------------------------
　　 　　　　田中優子の世界(sp)
    ---------------------------*/
	
	.brand04 .profile-box {
		background: url(../img/profile-box-bg04.png) repeat-y;
		width: 100%;
		height: auto;
	}
	
	
	
}