@charset "utf-8";

/*----------------------------------------------------
	.box
----------------------------------------------------*/
/*box*/
.box{
	position:relative;
    float:left;
}

/*resizableImg*/
.box p.resizableImg{
	position:relative;
	z-index:100;
}

.box p.resizableImg img{
	width:100%;
	height:auto;
}

/*caption*/
.box p.caption{
	padding:35px 35px 35px;
}

.box p.caption span{
	display:block;
	font-size:13px;
}

.box p.caption span.ttl{
	margin-bottom:.8em;
	font-size:16px;
	font-weight:700;
}

.box p.caption span.camera{
	margin-bottom:.5em;
	line-height:1.2;
}

.box p.caption span.txtEn,
.box p.caption span.txtEnPC,
.box p.caption span.txtEnSP{
	line-height:1.2;
}

.box p.caption span.txtEn{margin-bottom:1em;}
.box p.caption span.txtJa{margin-bottom:0}

.box p.caption span.txtEnPC{margin-bottom:1em;}
.box p.caption span.txtJaPC{margin-bottom:0;}

.box p.caption span.txtEnSP{margin-bottom:.5em;}
.box p.caption span.txtJaSP{margin-bottom:0;}

/* for only Browser */
@media screen and (min-width: 1024px) {
/*caption*/
.box p.caption span.txtEnSP,
.box p.caption span.txtJaSP{
	display:none;
}
}

/* for iPad set - < Browser */
@media screen and (max-width: 1023px) {
/*caption*/
.box p.caption{
	padding:25px 25px 25px;
}

.box p.caption span.txtEnPC,
.box p.caption span.txtJaPC{
	display:none;
}
}

/* for iPad set -  iPhone < */
@media screen and (min-width: 768px) {

}


/* for only iPhone */
@media screen and (max-width: 767px) {
/*iPhone全文表示*/
/*
.box p.caption span.txtEnPC,
.box p.caption span.txtJaPC{
	display:inline;
}
.box p.caption span.txtEnSP,
.box p.caption span.txtJaSP{
	display:none;
}
*/

/*caption*/
.box p.caption{
	padding:15px 10px 15px;
}

.box p.caption span{
	font-size:11px;
}

.box p.caption span.date{
	margin-bottom:.5em;
}

.box p.caption span.ttl{
	margin-bottom:.4em;
}
}


@media screen and (max-width: 767px) and (min-height: 500px) {
/*box*/
.box{
	width:100% !important;
}

/*box*/
.box{
	width:100% !important;
}
	
}

/*----------------------------------------------------
	Btn
----------------------------------------------------*/
/*btn*/
.btn{
	display:inline-block !important;
	margin:1em 0 0 0;
	padding:.6em .8em;
	text-decoration:none;
	
	/*Animation*/
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/*btnWhite*/
.btnWhite{
	border:1px solid rgba(255,255,255,0.3);
	color:#FFF;
}
.btnWhite:hover{
	/*background-color: rgba(255,255,255,0.3);*/
	border:1px solid rgba(255,255,255,0.6);
}

/*btnBlack*/
.btnBlack{
	border:1px solid rgba(0,0,0,0.3);
	color:#000;
}
.btnBlack:hover{
	/*background-color:rgba(0,0,0,0.1);*/
	border:1px solid rgba(0,0,0,0.6);
}

/*----------------------------------------------------
	Contents
----------------------------------------------------*/
/*RecNew*/
section#RecNew{
	background:#D9F2FF;
	color:#000;
}


/*RecRaibowBridge*/
section#RecRaibowBridge{
	background:#141B2D;
	color:#fff;
}

/*GionFes*/
section#GionFes{
	background:#EF4836;
	color:#fff;
}

/*Room*/
section#Room{
	background:#210D11;
	color:#fff;
}

/*Ricken*/
section#Ricken{
	background:#A68E7D;
	color:#fff;
}

/*Active-U*/
section#Active-U{
	background:#22313F;
	color:#fff;
}

/*Inc*/
section#Inc,div#Inc{
	background:#00CCFF;
	color:#fff;
}

/*Book*/
section#Book{
	background:#018FCE;
	color:#fff;
}

/*Kiyomizu*/
section#Kiyomizu{
	background:#D93600;
	color:#fff;
}

/*Minatomirai*/
section#Minatomirai{
	background:#FFFFFF;
	color:#000;
}

/*Comport*/
section#Comport{
	background:#FFC926;
	color:#fff;
}

/*PIXTA*/
section#PIXTA{
	background:#008C8C;
	color:#fff;
}

/* for only iPhone */
/*@media screen and (max-width: 767px) {*/
@media screen and (max-width: 767px) and (min-height: 500px) {
section#PIXTA .resizableImg{
	height:320px;
	overflow:hidden;
}
}

/*Kenrokuen*/
section#Kenrokuen{
	background:#3F2847;
	color:#fff;
}

/*Ruri*/
section#Ruri{
	background:#40761F;
	color:#fff;
}

/*SS*/
section#SS{
	background:#B88AA4;
	color:#fff;
}

/*GallerySite*/
section#GallerySite{
	background:#792640;
	color:#fff;
}

/*Kamakura*/
section#Kamakura{
	background:#A3C5D3;
	color:#fff;
}

/*Snow*/
section#Snow{
	background:#D9B45E;
	color:#fff;
}

/*Tokyo*/
section#Tokyo{
	background:#171F2E;
	color:#fff;
}

/*Shisendo*/
section#Shisendo{
	background:#FF4831;
	color:#fff;
}

/*Clinic*/
section#Clinic,div#Clinic{
	background:#8EB483;
	color:#FFF;
}

/*Nanba*/
section#Nanba{
	background:#FFF;
	color:#675C65;
}


/*----------------------------------------------------
	Viewer
----------------------------------------------------*/
#GionFesViewer,
#KamakuraViewer{
	width:100%;
    position:absolute;
}
 
#GionFesViewer img,
#KamakuraViewer img{
	width:100%;
	height:auto;
    top: 0;
    left: 0;
    position: absolute;
}

.bgWhite{
	background:#FFF;
}