@charset "utf-8";

/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
 
* {font-weight:normal;font-style:normal;}
body {font: 13px/1.7 Arial,"メイリオ","ＭＳ Ｐゴシック",sans-serif;}
body {
	overflow: hidden;
	background: #f6efcf;
}

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 74px 0 0 0;
	*zoom: 1;
	width: 940px;
}
.bx-wrapper img {
	display: block;
	margin-bottom: 15px;
}
.bx-wrapper img.lv7 {
	margin-bottom: 7px!important;
}

/** THEME
===================================*/

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	left: 12px;
	background: url(images/controls.png) no-repeat 0 -32px;
	z-index: 1000;
}
.bx-wrapper .bx-next {
	right: 12px;
	background: url(images/controls.png) no-repeat -43px -32px;
	z-index: 1000;
}
.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 230px;
	margin-top: -17px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 999;
	display: block;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* スライドメイン*/
#slideInner {
	position: relative;
	margin: 0 auto;
	width: 940px;
	height: 507px;
	overflow: hidden;
}
#bxthumb, #bxthumb2, #bxthumb3 {
	position: absolute;
	overflow: hidden;
	margin: 0 auto;
	width: 940px;
	height: 63px;
	top: 13px;
	left: 55px;
}
#bxthumb2 {
	width: 590px;
	top: 13px;
	left: 175px;
}
#bxthumb3 {
	width: 470px;
	top: 13px;
	left: 235px;
}
.bxslider {
	width: 830px;
	text-align: center;
}
.bxslider li {
	padding-left: 55px;
	font-size: 93%;
}
#bx-pager {
	margin-right: -10px;
	width: 840px;
}
#bx-pager p, #bx-pager a {
	float: left;
	margin-right: 0;
}
#bx-pager p {
	display: block;
	width: 10px;
	height: 50px;
	background: url(../images/slide/arrow.gif) no-repeat center left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.fsize {
	font-size: 131%;
	font-weight: bold;
	color: #b56018;
}
.subtxt {
	display: inline;
	padding-right: 20px;
}
.t-center {
	text-align: center;
	display: block;
}
#bx-pager a img {
	padding: 3px;
	border: solid #f6efcf 1px;
	background-color: #f6efcf;
}
#bx-pager a:hover img,
#bx-pager a.active img {
	border: solid #d7a767 1px;
}
.bxslider span {
	display: block;
}
span.mr {
	margin-right: 20px;
}

/* イラスト配置 */
img.logomark {
	display: none;
}
img.sara {
	position: absolute;
	bottom: 14px;
	right: 8px;
	z-index: 99;
}
img.staff01 {
	position: absolute;
	bottom: 33px;
	right: 26px;
	z-index: 99;
}
img.staff02 {
	position: absolute;
	bottom: 31px;
	right: 2px;
	z-index: 99;
}
.bxslider li img.illust01 {
	position: absolute;
	bottom: 20px;
	left: 83px;
}

/* movieボタン配置 */
.bxslider li img.movie01 {
	position: absolute;
	bottom: 45px;
	left: 96px;
}
.bxslider li img.movie02 {
	position: absolute;
	bottom: 45px;
	left: 355px;
}
.bxslider li img.movie03 {
	position: absolute;
	bottom: 45px;
	right: 96px;
}
.bxslider li img.movie04 {
	position: absolute;
	bottom: 56px;
	left: 363px;
}
.bxslider li img.movie05 {
	position: absolute;
	bottom: 56px;
	right: 105px;
}

/* =====================================================================
 * mediaqueries
 * =================================================================== */
@media screen and (max-width: 1280px) {
	html,body {
		position: relative;
		height: 100%;
	}
	#slideInner {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}
}
@media screen and (max-width: 960px) {
	img {
		max-width: 100%;
		height: auto;
	}
	.bx-wrapper, #slideInner, #bx-pager, .bxslider {
		width: 100%;
	}
	#slideInner { 
		position: absolute;
		height: 100%;
		min-height: 100%;
	}
	#slideBox { 
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%); 
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		margin-top: -40px;
		width: 100%;
	}
	.bxslider li {
		padding: 0 65px;
		width: 100%;
	}
	.bx-wrapper {
		padding-top: 45px;
	}
	.bx-wrapper .bx-prev {
		left: 18px;
	}
	.bx-wrapper .bx-next {
		right: 18px;
	}
	#bxthumb, #bxthumb2, #bxthumb3, #bx-pager {
		display: none;
	}
	.fsize {
		padding-bottom: 20px;
	}
	/* イラスト配置 */
	img.logomark {
		display: inherit;
		position: relative;
		top: 25px;
		margin: 0 auto;
	}
	img.logomark2 {
		display: none;
	}
	img.sara, img.staff01, img.staff02 {
		display: none;
	}
	.bxslider li img.illust01 {
		bottom: -58px;
		left: 90px;
		width: 224px;
		height: auto;
	}
}
@media screen and (max-width: 885px) {
	.bx-wrapper .bx-controls-direction a {
		top: 45%;
		margin-top: 0;
	}
	.bx-wrapper .bx-prev {
		left: 18px;
	}
	.bx-wrapper .bx-next {
		right: 18px;
	}
	.fsize {
		font-size: 116%;
	}
}
@media screen and (max-width: 800px) {
	#slideBox { 
		margin-top: -5px;
	}
	.bx-wrapper {
		padding-top: 40px;
	}
	.bx-wrapper img {
		margin-bottom: 10px;
	}
	.bxslider li {
		padding: 0 60px;
	}
	.bxslider li img.illust01 {
		left: 60px;
	}
	img.logomark {
		top: 30px;
		width: 200px;
		height: auto;
	}
}
@media screen and (max-width: 640px) {
	.bxslider li {
		padding: 0 55px;
	}
	.bx-wrapper img {
		margin-bottom: 6px;
	}
	.bx-wrapper .bx-prev {
		left: 35px;
	}
	.bx-wrapper .bx-next {
		right: 35px;
	}
	.bxslider li img.illust01 {
		bottom: -30px;
		left: 40px;
		width: 205px;
		height: auto;
	}
	img.logomark {
		top: 33px;
		width: 170px;
	}
	.fsize {
		font-size: 100%;
	}
}
@media screen and (max-width: 568px) {
	.bx-wrapper .bx-prev {
		left: 14px;
	}
	.bx-wrapper .bx-next {
		right: 14px;
	}
}
@media screen and (max-width: 480px) {
	.bx-wrapper .bx-controls-direction a {
		top: 0;
	}
	.bxslider li {
		padding: 0 16px;
	}
	.bx-wrapper .bx-prev {
		left: 17px;
	}
	.bx-wrapper .bx-next {
		right: 17px;
	}
}
@media screen and (max-width: 375px) {
	.bx-wrapper {
		padding-top: 46px;
	}
	.bxslider li {
		padding: 0;
	}
	.bxslider li img.illust01 {
		left: 30px;
		width: 150px;
		height: auto;
	}
	.bx-wrapper .bx-prev {
		left: 15px;
	}
	.bx-wrapper .bx-next {
		right: 15px;
	}
	.fsize {
		padding: 5px 25px 0;
		text-align: left;
		line-height: 1.5;
	}
}
@media only screen and (orientation : landscape) { /*横向き*/
	body {transform: rotate(0deg);}
}