@charset "UTF-8";
/*--------------------------------------
    all
--------------------------------------*/
html,
body {
  height: 100%;
  width: 100%;
}
ol,ul,dl,li{
	list-style: none;
	margin:0;
	padding:0;
}
body{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック' , 'Domine', sans-serif;
	text-align:center;
	background:#999;
}
#Grid .mix{
    opacity: 0;
    display: none;
}
/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -20px;
  /* Pad bottom by footer height */
  padding: 0 0 20px;
}

::selection {
background: #ff3d5d;
}
::-moz-selection {
background: #ff3d5d;
}

/*--------------------------------------
    header
--------------------------------------*/
.navbar-allsun{
	background-color:rgba(0,0,0,0.8);
	margin-bottom:0;
	font-family: 'CentennialLTW01-55Roman', serif;
}
.navbar {
	border-radius:0px !important;
}
.navbar-allsun .navbar-nav > li{
 	padding-top: 10px;
}
.navbar-allsun .navbar-nav > li > a {
 	color: #f1f1f1;
}
.navbar-allsun .navbar-nav > li > a:hover,
.navbar-allsun .navbar-nav > li > a:focus {
 	color:#e63836;
	background-color:rgba(0,0,0,0);
}
.navbar-brand {
	padding:10px;
}
.navbar-allsun .navbar-toggle{
 	border:1px solid #ccc;
	margin-top:20px;
}
.navbar-allsun .navbar-toggle .icon-bar {
 	background:#ccc;
}
@media (max-width: 640px) { 
	.navbar-brand {
		width:50%;
	}
	.navbar-allsun  .navbar-toggle{
		margin-top:10px;
	}
}
/*--------------------------------------
    top
--------------------------------------*/
#top{
	background:url(../images/bg_dot.gif) repeat;
	padding:16% 25%;
}
/*--------------------------------------
    common
--------------------------------------*/
h1.title{
	font-size:50px;
	font-family: ''CentennialLTW01-75Bold'', serif;
	color:#F1F1F1;
	text-shadow:1px 1px 6px #000;
	text-rendering:optimizeLegibility;
	letter-spacing:0.03em;
}
h2.sub-title{
	padding:10px 0;
	font-family: 'CentennialLTW01-56Itali', serif;
}
.sub-message{
	float:left;
	width:20%;
	margin-top:30px;
}
/*--------------------------------------
    clientWorks
--------------------------------------*/
#cw{
	background:#13c7af;
	color:#F1F1F1;
}
#cw-header{
	background:url(../images/desk_top.jpg) center no-repeat #000000;
	background-size:cover;
	background-attachment:fixed;
	padding:25% 0;
}
#cw-content h2.sub-title{
	color:#003760;
}
/*--------------------------------------
    PrivateWorks
--------------------------------------*/
#pw{
	background:#FC5242;
	color:#F1F1F1;
}
#pw-header{
	background:url(../images/mrh_ss.jpg) center no-repeat #000000;
	background-size:cover;
	background-attachment:fixed;
	padding:25% 0;
}
#pw h1{
	color:##F1F1F1;
}
#pw-content h2.sub-title{
	color:#FFE100;
}
/*--------------------------------------
    clientWorks & PrivateWorks & CompanyProfile
--------------------------------------*/
#cw-header, #pw-header, #cp-header{
	height:auto;
}
#cw-content, #pw-content{
	padding:70px 0;
}
#cw-content p.lead, #pw-content p.lead{
	font-size:13px;
	line-height:1.8;
	letter-spacing:0.6px;
}
.cw-list, .pw-list{
	margin:40px 0;
	overflow:hidden;
}
.cw-list li, .pw-list li{
	margin-bottom:30px;
}
.cw-list a img, .pw-list a img, .cw-2ndlist a img{
    width: 100%;
}
.cw-list a, .pw-list a, .cw-2ndlist a{
    border-radius: 6px;
    display: block;
    overflow: hidden;
	position: relative;
    transition: top 0.5s ease 0s;
}
.cw-list a, .cw-list a .overlay,
.pw-list a, .pw-list a .overlay
.cw-2ndlist a, .cw-2ndlist a .overlay {
    border-radius: 6px;
}
.cw-list a img, .cw-list a span.overlay,
.pw-list a img, .pw-list a span.overlay,
.cw-2ndlist a img, .cw-2ndlist a span.overlay {
    border-radius: 6px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
}
/* Overlay */
.overlay {
    background-color: rgba(0, 0, 0, 0.65);
    border: 0 solid rgba(255, 255, 255, 0.2);
    bottom: 0;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.5s ease 0s;
    z-index: 9;
	height:100%;
	width:100%;
	cursor:pointer;
}
.overlay:hover {
    opacity: 0;
}
.overlay span.cat-title {
    color: #F1F1F1;
    font-size: 21px;
    position: relative;
	font-family: 'CentennialLTW01-56Itali', serif;
}
span.valign {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
/*--------------------------------------
    CompanyProfile
--------------------------------------*/
#cp{
	background:#f8f8f8;
	color:#2D2E33;
}
#cp-header{
	background:url(../images/sunday.jpg) center no-repeat #fff;
	background-size:cover;
	background-attachment:fixed;
	padding:25% 0;
	color:#F1F1F1;
}
#cp-header p.lead{
	font-size:13px;
	line-height:1.8;
	letter-spacing:0.6px;
	margin-top:15px;
}
#cp-content{
	padding:30px 0;
}
#contact-area{
	overflow:hidden;
	margin:30px 0;
	font-size:90%;
}
#contact-area #contact-form{
	margin-bottom:30px;
}
#contact-area .form-control:focus{
	border-color:#66afe9;
}
#contact-area input.error, #contact-area textarea.error{
	border-color:#e63836;
}
#contact-area label.error{
	color:#e63836;
	float:left;
	margin:3px 0 0 3px;
}
#contact-area input.valid, #contact-area textarea.valid{
	border-color:#26b5ba;
}
.btn-send-as {
	color: #fff;
	background-color: #58c6ca;
	border-color: #3dafc1;
}
.btn-send-as:hover,.btn-send-as:focus,.btn-send-as:active{
	color: #fff;
	background-color:#26b5ba;
	border-color:#0096ae;
}
.btn-cancel-as {
	color: #fff;
	background-color: #2D2E33;
	border-color: #0F0F11;
}
.btn-cancel-as:hover,.btn-cancel-as:focus,.btn-cancel-as:active{
	color: #fff;
	background-color:#37383D;
	border-color:#1e1e21;
}
#contact-message{
	padding-top:20px;
}
#contact-message .send-success{
	color:#26b5ba;
}
#contact-message .send-failed{
	color:#e63836;
}
address{
	font-size:90%;
	text-align:left;
}
#contact-area .col-md-5{
	padding-right:0;
}
.add-jp{
	padding-bottom:10px;
	border-bottom:1px solid #2D2E33;
	margin-bottom:10px;
}

.add-jp p{
	letter-spacing:0.5px;
}

/*--------------------------------------
    second page layout
--------------------------------------*/
body#secondary{
	background:#f8f8f8;
	padding-top: 70px;
}
.navbar-allsun2nd{
	background:#f3f3f3;
	padding-top:7px;
	color:#2D2E33;
	font-size:90%;
	border-top:2px solid #2D2E33;
	border-bottom:1px solid #ddd;
	font-family: 'Domine', serif;
}
.navbar-allsun2nd .navbar-brand {
	padding-left:30px;
}
.navbar-allsun2nd ul{
	padding:8px 15px 0;
}
.navbar-allsun2nd .navbar-nav > li > a{
	color:#2D2E33;
}
.navbar-allsun2nd .navbar-nav > li > a:hover,
.navbar-allsun2nd .navbar-nav > li > a:focus {
 	color:#e63836;
	background:#f3f3f3;
}
.navbar-allsun2nd .navbar-toggle{
	margin-top:20px;
	border:1px solid #2D2E33;
}
.navbar-allsun2nd .navbar-toggle .icon-bar {
 	background:#2D2E33;
}
@media (max-width: 768px) { 
	.navbar-allsun2nd .navbar-toggle{
		margin-top:10px;
	}
}
#cw-2nd{
	margin:20px 0;
	padding:0 30px;
}
.cw-2ndlist{
	margin:30px 0 30px 20px;
	overflow:hidden;
}
@media (max-width: 768px) { 
	.cw-2ndlist{
		margin-left:0;
	}
}
.cw-2ndlist li{
	margin-bottom:30px;
}
.cw-2ndlist .overlay span.cat-title {
    font-size: 80%;
	position:relative;
	top:40%;
	line-height:160%;
	display:block;
	padding:0 10px;
}
@media (max-width: 768px) { 
	.cw-2ndlist .overlay span.cat-title {
		font-size:90%;
		top:-35%;
	}
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%; /* 16/9 ratio */
  padding-top: 30px; /* IE6 workaround*/
  height: 0;
  overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#pw-2nd{
	margin:20px 0;
	padding:0 30px 0 0;
}
.pw-2ndlist{
	padding-left:50px ;
}
#pw-2nd article{
	text-align:left;
	overflow:hidden;
	margin-bottom:30px;
	border-bottom:1px solid #ddd;
}
#pw-2nd article .pw-exp{
		text-align:left;
		margin:20px 0 40px;
}
#pw-2nd article h1{
	margin-bottom:10px;
	font-size:140%;
	font-family: 'CentennialLTW01-55Roman', serif;
}
#pw-2nd article p{
	margin-bottom:10px;
}
/*--------------------------------------
    side
--------------------------------------*/
#side{
	text-align:left;
	margin-left:4%;
}
#side .lead{
	font-size:85%;
	line-height:1.7em;
}
#side ul{
	margin-top:30px;
}
#side .mix-cat{
	color: #2D2e33;
	font-size: 80%;
	padding:8px 0 2px;
	float:left;
	clear:both;
	border-bottom: 1px solid #faf9f7;
}
#side li:hover{
	border-bottom:1px solid #e63836;
	cursor:pointer;
}
#side li.active{
	border-bottom:1px solid #e63836;
}
/*--------------------------------------
    detail page layout
--------------------------------------*/
.cw-detail{
	text-align:left;
	padding-left:40px;
}
.cw-detail h1{
	font-family: 'CentennialLTW01-55Roman', serif;
	font-size:160%;
}
.main-image img{
	width:100%;
	height:100%;
}
.thumb-list{
	margin:10px 0;
	overflow:hidden;
}
.thumb-list li{
	float:left;
	margin:0 5px 0 0;
}
.thumb-list li:hover{
	cursor:pointer;
}
.detail-exp{
	clear:both;
	margin:30px 0 50px;
}
.prev{
	margin:20px 0;
	font-size:85%;
}
/*--------------------------------------
    footer
--------------------------------------*/
footer{
	background:#2D2E33;
	width:100%;
	text-align:center;
	padding:3px 0;
	font-size:75%;
	clear:both;
	color:#fff;
	height: 20px;
}
footer p{
  margin:0;
}