@charset "UTF-8";

/*	検索ボックス
--------------------------------------------------- */
#search {
  position: relative;
  float: left;
  width: 60px;
  height: 60px;
  margin-left: -60px; }

#label {
  width: 60px;
  height: 60px;
  position: relative;
  z-index: 20; }
  #label label {
    display: block;
    width: 60px;
    height: 60px;
    background: url("/images/search.png") 0 0;
    font-size: 0;
    color: rgba(0, 0, 0, 0);
    text-indent: -9999px;
    cursor: pointer; }
    #label label:hover {
      background: url("/images/search.png") -60px 0; }
  #label.active label {
    background: url("/images/search.png") -60px 0; }

#input {
  position: absolute;
  top: 0;
  left: 60px;
  width: 450px;
  height: 60px;
  z-index: 5;
  overflow: hidden; }
  #input input {
    display: block;
    position: absolute;
    top: 0;
    left: -450px;
    width: 450px;
    height: 100%;
    margin: 0;
    padding: 0 10px;
    border: none;
    background-color: #23688b;
    color: #fff;
    font-size: 18px;
    -webkit-backface-visibility: none;
    -moz-backface-visibility: none;
    -ms-backface-visibility: none;
    backface-visibility: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: left 0;
    -moz-transition: left 0;
    -ms-transition: left 0;
    -o-transition: left 0;
    transition: left 0; }
    #input input:focus {
      outline: none; }
  #input.focus {
    z-index: 20; }
  #input.focus input {
    left: 0;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -ms-transition: left 0.3s;
    -o-transition: left 0.3s;
    transition: left 0.3s; }
	
	
	
	

/*	メインビジュアル
--------------------------------------------------- */
html, body, .container, .main { height: 40em;}

/* main wrapper */
.cbp-contentslider {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	border: 4px solid #47a3da
}

.cbp-contentslider > ul {
	list-style: none;
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 0;
	margin: 0;
}

.cbp-contentslider > ul li {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.cbp-contentslider nav {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	/*height: 10.313em;
	z-index: 1000;
	overflow: hidden;
}

.cbp-contentslider nav a {
	float: left;
	display: block;
	height: 100%;
}

.cbp-contentslider nav a:last-child {
	border: none;
	box-shadow: 1px 0 #47a3da; /* fills gap caused by rounding */
}

.cbp-contentslider nav a:hover {
	background-color: #47a3da;
	color: #fff;
}

.cbp-contentslider nav a.rc-active {
	background-color: #47a3da;
	color: #fff;
}

.cbp-contentslider h3 {
	font-size: 4em;
	height: 2em;
	line-height: 1.7;
	font-weight: 300;
	margin: 0 0 0.3em;
	position: relative;
	color: #47a3da;
	text-transform: uppercase;
	text-align: right;
	letter-spacing: 0.3em;
	padding: 0 0.2em 0 0;
	border-bottom: 4px solid #47a3da;
}

.cbp-contentslider .cbp-content {
	padding: 1em 0;
}

.cbp-contentslider p {
	color: #47a3da;
	margin: 0;
}

/* Media queries */

@media screen and (max-width: 70em) { 
	.cbp-contentslider p {
		font-size: 100%;
	}
}

@media screen and (max-width: 67.75em) {
	.cbp-contentslider { font-size: 85%; }
}

@media screen and (max-width: 43em) {

	.cbp-contentslider h3 {
		font-size: 2em;
	}

	.cbp-contentslider .cbp-content {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		-o-column-count: 1;
		column-count: 1;
	}

	.cbp-contentslider li > div {
		top: 5em;
	}

}

@media screen and (max-width: 25em) { 
	.cbp-contentslider nav a { padding: 0;}
}




/*	フリック
--------------------------------------------------- */
.slick-slide img { width: 100%; }


#movie,#movie2 { margin: 0 auto; }
	#movie #inner,#movie2 #inner2 {
		width: 100%;
		}
		#movie #inner ul,#movie2 #inner2 ul {
			list-style: none;
			margin: 0 auto;
			overflow: hidden;
			padding: 2.5em 0;
			width: 100%;
			}
			#movie #inner ul li,#movie2 #inner2 ul li {
				background: #fff;
				float: left;
				margin: 0 20px;

				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				-ms-border-radius: 5px;
				-o-border-radius: 5px;
				border-radius: 5px;

				}
				#movie #inner ul li p.thumb,#movie2 #inner2 ul li p.thumb {
					margin: 2% auto 0;
					position: relative;
					width: 95%;
					}
				#movie #inner ul li p.thumb img,#movie2 #inner2 ul li p.thumb img { width: 100%; }
	




/*	マウスオン画像
--------------------------------------------------- */
.scale_up {
	border: 1px solid #CCC;
	overflow: hidden;
	width: 200px;
	height: 200px;
}

.scale_up .cover {
	position:absolute;
	z-index:100;
	background:#0C3;
	color:#fff;
	text-align:center;
	font-weight:bold;
}

.scale_up img {
	width:100%;
	height:100%;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.scale_up img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}





/*	トップへ
--------------------------------------------------- */
/* #sample02 */
		#sample02 {
			display: none;
			position: fixed;
			bottom: 30px;
			right: 55px;
		}
		#sample02 a {
			display: block;
			width: 50px;
			height: 50px;
			background-color: #333;
			border-radius: 50px;
			text-align: center;
			color: #fff;
			font-size: 24px;
			text-decoration: none;
			line-height: 50px;
		}