@charset "UTF-8";
* {
	box-sizing: border-box;
}
html {
	height: 100%;
	width: 100%
}
body {
	color: #000;
	font-family: futura-pt, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height: 100%;
	background: #fff;
	position: relative;
	letter-spacing: 0.05em;
	border-top: 7px solid #000;
}
a:link, a:visited {
	color: #009b63;
	text-decoration: none;
	outline: none;
	opacity: 1;
	transition: all 480ms;
	-webkit-transition: all 480ms;
	-ms-transition: all 480ms;
	-moz-transition: all 480ms;
}
a:hover, .current, a:hover {
	color: #999!important;
	text-decoration: underline;
	opacity: .4;
}
p {
	margin-bottom: 2em;
}
button {
	border: none;
}
/*****************************************************

COMM

*****************************************************/
.capH2 {
	font-size: 22px;
	font-weight: normal!important;
	line-height: 1;
	margin-bottom: 2em;
	text-align: center;
}
.capH2L {
	background: url(../images/capBg.png) no-repeat left top;
	padding-top: 1em;
	margin-bottom: 1em;
}
.capH3 {
	font-size: 20px;
	font-weight: normal;
	line-height: 2;
	margin-bottom: 1em;
	letter-spacing: .12em;
}
.capH4 {/*lib*/
	font-size: 15px;
	/*font-weight: normal;*/
	line-height: 1;
	margin-bottom: 1em;
	border-left: 4px solid #000;
	padding-left: 13px;
}
.capH4.nb {/*philosophy*/
	border: none;
	padding: 0;
}
.capH4 span {
	font-size: 12px;
}
.capH5 {
	font-size: 14px;
	/*font-weight: normal;*/
	line-height: 1;
	margin-bottom: 1em;
	letter-spacing: .12em;
}
.lineH18 {
	line-height: 1.8;
}
.txtCtr {
	text-align: center;
	padding-top: 1em;
	margin-bottom: 2em;
}
.txtCtr3em {/*works*/
	text-align: center;
	padding-top: 1em;
	margin-bottom: 3em;
}
.underLn {/*about*/
	border-bottom: 1px solid #ccc;
}
.styleDot {
	list-style-type: disc;
	margin-left: 1.4em;
}
.noMgn {
	margin: 0;
}
.w100 {
	width: 100%;
}
.w1000 {
	width: 1000px;
	margin: 0 auto;
}

.hdr.w1000 .subHdr .cities_sns {
	float: left;
	width: 130px;
	margin-left: 750px;
}
.hdr.w1000 .subHdr .sns_area {
	width: 180px;
	margin-left: 820px;
	float: left;
}
.w680 {
	width: 680px;
	margin: 0 auto;
}
.pd120 {/*index*/
	padding: 120px 0;
}
.pd120b {/*atlier*/
	padding-bottom: 120px;
}
.pd80 {/*about*/
	padding: 80px 0 0;
}
.pd80b {/*about contact*/
	padding-bottom: 80px
}
.bgF6 {/*philo*/
	background: #f6f6f6;
}

@media screen and ( max-width: 768px) {
	.hdr.w1000 .subHdr  {
		float: left;
		width: 100%;
		margin: auto;
	}
	.w1000 {
		width: 100%;
		margin: 0 auto;
	}
	.cities_sns{
		width:120px;
		margin:5% auto;
	}
}

/*****************************************************
 
 HEADER

*****************************************************/
.hdr {
	height: 267px;
	margin-bottom: 27px;
}
.subHdr {
	height: 53px;
	position: relative;
}
.lang_tab {
	position: absolute;
	right: 0;
	top: 0;
	width: 117px;
	height: 36px;
}
.sns_area {
	float: right;
	right: 0;
	top: 0;
	width: 177px;
	height: 36px;
}
.sns_icon {
	width: 33px;
	height: 36px;
	margin-right: 2px;
}
.btnLang {
	width: 58px;
	height: 36px;
	background: #666;
	float: left;
	line-height: 36px;
	text-align: center;
	color: #fff;
	font-size: 13px;
}
.btnLang a {
	width: 58px;
	height: 36px;
	display: block;
	opacity: 1;
	color: #fff;
}
.btnJpOn {
	background: #000;
}
.btnJpOff {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
.btnEnOff {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}
.btnEnOff:hover {
	background: #000;
}
.hdrMid {
	width: 100%;
	height: 135px;
	margin-bottom: 17px;
}
.logo {
	width: 542px;
	float: left;
}
.cities {
	float: right;
	width: 418px;
}
.cities img {
	width: 138px;/*:	height:115px;*/
}
.cities li {
	float: left
}
.hdrNames  {
	font-size:16px;
	color: #383838;
	display: block;
	clear:both;
	line-height: 6em;
}
.hdrNamesEn  {
	font-size:16px;
	color: #383838;
	display: block;
	clear:both;
	line-height:7em;
}
.hdrNamesPh  {
	font-size:16px;
	line-height: 1.5em;
	color: #383838;
	display: block;
	clear:both;
}
.sns {
	float: right;
	padding: 14px 132px 0 0;
}
.sns li {
	float: left;
}
.sns li.twitter iframe {
	overflow: hidden;
}
.sns li.facebook {
	padding: 0 10px 0 0;
}

@media screen and ( max-width: 768px) {
	.hdr {
		height: auto;
	}
	.hdrMid {
		width: 100%;
		height: auto;
		margin: 0;
	}
	.lang_tab {
		right: 0;
	}
	.logo {
		width: 80%;
		margin: 2% 10%;
	}
	.logo img {
		width: 60%;
	}
	.cities {
		float: right;
		width: 99%;
		padding: 5%	 2%;
	}
	.cities li {
		width: 33%;/*:	height:115px;*/
	}
	.cities img {
		width: 100%;/*:	height:115px;*/
	}
	.hdrNames  {
		font-size:1em;
		text-align: center;
		line-height: 1.8em;
		height: auto;
		padding: 5%	 2%;
	}
}
/*****************************************************

SLIDER

*****************************************************/

.hero-unit {
	text-align: center;
	margin: 0;
}
.win .film_roll_prev, .win .film_roll_next {
	line-height: 40px;
}
.slide {
	display: block;
	float: left;
	height: 523px;
	overflow: hidden;
	pointer: cursor;
}
.slide p {
	margin-bottom: 0;
	text-align: left;
	margin-left: 14px;
}
.sldCrd {
	font-size: 9px;
	line-height: 1.2;
}
.film_roll_wrapper {
	overflow: hidden;
}
.film_roll_shuttle {
	position: relative;
}
.film_roll_child {
	display: inline-block;
/**	margin-right: 10px;*/
}
.film_roll_child img {
	width: 100%;
}

@media screen and ( max-width: 768px) {
	.slide {
		height: 523px;
	}
	.film_roll_wrapper {
		overflow: hidden;
		width:99%;
		margin: 0 auto;		
	}
	.film_roll_child {
		margin:0;
		text-align: center;
	}
	.film_roll_child img {
		width: 100%;
	}
}
/*****************************************************

CONTENTS

*****************************************************/

.contents {
	margin: 0 auto;
	width: 1024px;
}

@media screen and ( max-width: 768px) {
	.contents {
		margin: 0 auto;
		width: 100%;
	}
}
/*****************************************************

OUTLINE

*****************************************************/

.outlineWrp {
	width: 780px;
	margin: 0 auto;
	padding: 80px 0 120px;
	font-size: 14px;
	line-height: 2.2;
}
.outlineMainWrp {
	display: inline-block;
	width: 650px;
	margin: 0 10px;
	padding: 80px 0 120px;
	font-size: 14px;
	line-height: 2.2;
}
.outlineMainWrp img {
	width: 293px;
}
.outlineWrp p {
	font-size: 16px;
	line-height: 2.3;
}

@media screen and ( max-width: 768px) {
	.outlineWrp {
		width: 100%;
	}
	.outlineWrp img {
		width: 100%;
	}
	.outlineMainWrp {
		margin: 0 auto;
		width: 100%;
		padding: 10px;
	}
}
/*****************************************************

Side

*****************************************************/

.sideWrp {
	vertical-align: top;
	display: inline-block;
	margin: 0 auto;
	padding: 80px 0 120px;
	width: 340px;
}
.sideWrp img {
	width: 100%;
}

@media screen and ( max-width: 768px) {
	.sideWrp {
		width: 96%;
		text-align: center;
	}
	.sideWrp img {
		width: 90%;
	}
	.twitter {
		margin: 0 auto;
		width:86%;
	}
}
@media only screen and ( max-width: 768px) and ( orientation : landscape) {
	.sideWrp {
		width: 100%;
		text-align: center;
	}
	.sideWrp img {
		width: 60%;
		display: inline-block;
	}
	.twitter {
		margin: 0 auto;
		width:86%;
	}
}
/*****************************************************

PHOTOTGARAPHER

*****************************************************/

.artistWrp {
	margin: 0 auto;
	padding: 100px 0;
	background: #f6f6f6;
	height: 920px;
}
.w1000Inn {
	position: relative;
	height: auto;
}
.artist1 {
	position: absolute;
	top: 100px;
	left: 0;
}
.artist2 {
	position: absolute;
	top: 100px;
	left: 389px;
}
.artist3 {
	position: absolute;
	top: 100px;
	left: 700px;
}
.artist4 {
	width: 226px;
	height: 338px;
	position: absolute;
	top: 362px;
	left: 37px;
}
.artist5 {
	position: absolute;
	top: 500px;
	left: 390px;
}
.artist6 {
	position: absolute;
	top: 362px;
	left: 740px;
}

@media screen and ( max-width: 768px) {
	.artistWrp {
		text-align: center;
		height: auto;
	}
	
	.artists{
		width:80%;
		display: inline-block;
		margin: 0 auto;
	}
	
	.artist a{
		width:50%;
		float: left;
	}
	.artist img{
		margin:2%;
		width:80%;
	}

}
/*****************************************************

BNRS

*****************************************************/
.w1000.bnrWrp.pc-only {
	width: 1000px;
	margin: 0 auto;
}
.bnrWrp {
	height: 256px;
	padding: 30px 0;
}
.bnr {
	float: left;
	margin-right: 28px;
}
.bnr img {
	width: 314px;
	height: 195px;
}
.bnr:last-child {
	margin-right: 0;
}


@media screen and ( max-width: 768px) {
	.bnrWrp {
		padding: 3%;
		width:90%;
		margin: 0 auto;
		height:700px;
	}
	.bnr  {
		width: 100%;
	}
	.bnr img {
		margin: 4% 0;
		width:100%;
		height:auto;
	}
	.bnrLumi img {
	margin: 4% 0;
	width: 100%;
	height:auto;
	padding: 11px 12px;
    }
}
@media only screen and ( max-width: 768px) and ( orientation : landscape) {
	.bnrWrp {
		padding: 3%;
		width:100%;
		margin: 0 auto;
		height:180px;
	}
	.bnr  {
		width: 30%;
	}
	.bnr img {
		width:100%;
		height:auto;
	}
}

/*****************************************************

EVENT 161229

*****************************************************/

.eventWrp {
	width: 100%;
	margin: 0 auto;
	padding: 100px 0 120px;
	background: #222;
	color: #fff;
}
.eventCap {
	line-height: 2;
}
.eventCap span {
	font-size: 11px;
}
.eventTxt {
	line-height: 2;
	font-size: 13px;
}
.eventTxt p{
	text-align: center;	
	padding: 10px;
}
.eventItem {
	width: 60px;
}
.btnEvent {
	margin-top: 2rem;
	width: 100%;
}
.btnEvent a {
	margin: 0 auto;
	width: 80%;
	height: 55px;
	line-height: 55px;
	text-align: center;
	border: 1px solid #ccc;
	background: #fff;
	display: block;
	color: #000!important;
}
.btnEventParis {
	background: url(../../2017/images/event/event_back.jpg) no-repeat;
	background-size: 100%;
	text-align: center;
	width: 100%;
}
.btnEventParis a,.btnEventParis a:visited,.btnEventParis a:link  {
	background: rgba(255,255,255,0.5);
	padding: 75px;
	font-size: 1.5em;
	height: 200px;
	display: block;
}
.btnEventParis a:hover {
	background: url(../../2017/images/event/event_back.jpg) no-repeat;
	text-decoration: none;
	background-size: 100%;
	opacity: 1;
}
.btnEventParis span {
	border: 1px solid #000000;
	padding: 30px;
	color:#000;
}
.eventImgs {
	width: 98%;
	margin: 0 auto;
}
.eventImgs img {
	width: 29%;
	float: left;
	margin: 2% 2%;
}

.eventTbl {
	width: 100%;
	padding: 10px;
	display: block;
}

.item {
	width:30% !important;
}

@media screen and ( max-width: 768px) {
.btnEvent a{
	line-height: 1.5rem;
	height:auto;
}

.btnEventParis {
	background: url(../../2017/images/event/event_back_sp.jpg) no-repeat;
	background-size: 100%;
	text-align: center;
	width: 100%;
}
.btnEventParis a,.btnEventParis a:visited,.btnEventParis a:link  {
	padding: 55px 0 0 0;
	height: 150px;
}
.btnEventParis a:hover {
	background: url(../../2017/images/event/event_back_sp.jpg) no-repeat;
	text-decoration: none;
	background-size: 100%;
	opacity: 1;
}
.btnEventParis span {
	border: 1px solid #000000;
	padding: 10px;
	color:#000;
}
}

/*****************************************************

TOUR

*****************************************************/

.tourWrp {
	margin: 0 auto;
	padding: 80px 0;
	background: #f1f1f1;
	height: auto;
	font-size: 12px;
}
.freeIcon {
	background: #000;
	color: #fff;
	width: 104px;
	height: 104px;
	border-radius: 50%;
	text-align: center;
	line-height: 104px;
	position: absolute;
	left: 50%;
	top: -42px;
	margin-left: 170px;
	font-size: 16px;
}
@media screen and ( max-width: 768px) {
	.freeIcon {
		position: unset;
		margin: 0 auto 2em;
	}
}
.line {
	border-bottom: 1px solid #c1c1c1;
	padding-bottom: 70px;
	margin: 80px 0 50px;
}
.tour {
	width: 92%;
	margin:  0 auto;
	line-height: 2;
	height: 250px;
}
.tour h3{
	width: 30%;
}

.tourTbl {
	width: 50%;
	margin-bottom: 40px;
	float: left;
}
.tourItem {
	width: 75px;
}
.btnGmap {
	border: none;
	padding: 0;
}
.btnGmap img{
	height:50px !important;
	width: auto;
}
.tourCrd {
	width: 880px;
	float: right;
	line-height: 1.7;
}
.tourCrdL {
	width: 530px;
	float: left;
}
.tourCrdR {
	width: 350px;
	float: right;
}
.tourNote {
	font-size: 11px;
	line-height: 1.4;
	text-align: center;
	margin-top: 40px;
}
.tour img{
	height:20px;
	width: auto;
}
.tour hr{
	color: #000000;
	border: 0.3px dotted;
}

@media screen and ( max-width: 768px) {
	.tourWrp{
		display: inline-block;
	}
	.line {
		border-bottom: 1px solid #c1c1c1;
		padding-bottom: 70px;
		width: 84%;
		margin: 0 auto;
	}
	.tour {
		padding-bottom:40px;
		height: auto;
	}
	.tourCrd {
		width: 100%;
		padding:4%;
	}
	.tourCrdL {
	width: 100%;
	float: none;
	}
	.tourCrdR {
		width: 100%;
		float: none;
	}
	.tourTbl {
		width: 90%;
		float: clear;
/*		display: block;*/
	}
	.btnGmap img{
		height:50px !important;
		width: auto;
	}
	.tour img{
		width: auto;
		height:20px;
	}
}
@media only screen and ( max-width: 768px) and ( orientation : landscape) {
	.tourWrp{
		display: block;
	}

	.line {
		border-bottom: 1px solid #c1c1c1;
		padding: 20px 3%;
		width: 100%;
	}
	.tour {
		width: 100%;
	}
	.tour img{
		width: auto;
		height:20px;
	}
	.tourTbl {
		width: 90%;
		float: left;
/*		display: block;*/
	}
}
/*****************************************************

LOGO

*****************************************************/
.logoWrp {
	height: 183px;
	padding-top: 59px;
}
.logoLst {
	margin: 0 auto;
	width: 800px;
	padding-left: 46px;
}
.logoLst18 {
	margin: 0 auto;
	width: 600px;
	padding-left: 46px;
}
.logos a {
	float: left;
	display: inline-block;
	margin: 0 26px;
}
.logos img {
	height: 65px;
	width: auto;
}

@media screen and ( max-width: 768px) {
	.logoWrp {
		width:100%;
		padding-top: 30px;
	}
	.logoLst {
		margin: 0 auto;
		width: 100%;
		height: auto;
	}
	.logoLst18 {
		margin: 0 auto;
		width: 100%;
		height: auto;
	}
	.logos a {
		margin: 2% 10%;
		width: auto;
	}
	.logos img {
		margin:2%;
		height:40px;
	}
	.second a {
    margin-left: 6%;
	}
}

@media only screen and ( max-width: 768px) and ( orientation : landscape) {
	.logoLst {
		padding-left:180px;
	}
	
}
/*****************************************************

FOOTER

*****************************************************/

.btnUp a {
	width: 46px;
	height: 46px;
	background: #222!important;
	line-height: 46px;
	text-align: center;
	color: #fff;
	display: block;
	font-size: 20px;
}
.btnUp a i {
	margin-right: 0;
}

/*****************************************************

DISPLAY   CONTROL

*****************************************************/

.sp-only {
	display: none;
}

@media screen and (max-width: 768px) {
	.pc-only {
		display: none;
	}
	.sp-only {
		display: block;
	}
}

/*****************************************************

ACCORDION  PHOTOGRAPHERS

*****************************************************/


/*ボックス全体*/
.accbox {
    margin: 0;
    padding: 0;
    max-width: 100%;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 11px 12px;
    color :#009b63;
    font-weight: bold;
    background :#f6f6f6;
    cursor :pointer;
    transition: all 0.5s;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#ffffff;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
	line-height: 1.5;
}
.accshowText {
	text-align: left;
	font-size: 13px;
    line-height: 2;
	margin-top: 1.5em;
	margin-left: 1em;
	margin-right: 1em;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    background: #ffffff;
    opacity: 1;
}