@charset "utf-8";

/* CSS Document */

/*------------------------------------------------------------------------------------------------------------------
　base style
-------------------------------------------------------------------------------------------------------------------*/

body{	
color:#343434;
font-size:14px;
margin:0;
height:100%;
min-height:1468px;
position:relative;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.6;
overflow-x:hidden;
background-image:url(../image/back.jpg);
background-position:center top;
background-repeat:no-repeat;
background-attachment:fixed;
}

body > #primary {
height: auto;
}

@media screen and (min-width:1340px) {
	body::before {
	  background:url(../image/back.jpg) no-repeat left top;
	  background-size: 100% auto;
	  display: block;
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  content: "";
	  z-index: -1;
	}
}


a:link {color:#cf3434; text-decoration:underline;}
a:visited {color:#cf3434; text-decoration:underline;}
a:hover {color:#e59c0e; text-decoration:underline;}

img{
border:0;
vertical-align: bottom;
}

/*------------------------------------------------------------------------------------------------------------------
　Expression
-------------------------------------------------------------------------------------------------------------------*/

.clear { clear:both; }
.under { margin-bottom:30px !important; }
.under-harf { margin-bottom:15px !important; }
.right { float:right; margin-left:20px; margin-bottom:15px; margin-top:5px;}
.left { float:left; margin-right:20px; margin-bottom:15px; margin-top:5px;}

.text-center { text-align:center; }
.text-right { text-align:right; }

.last { margin-bottom:0 !important; }

#lineup-font-size-sampler {
	display:none;
}

.ro img:hover,.ro:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.dropshadow {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
}

div:after,
section:after,
article:after,
ul:after {
    content: "";
    display: block;
    clear: both;
}

.pc {
	display:inherit;
}

.sp {
	display:none;
}

.tab {
	display:inherit;
}

/*------------------------------------------------------------------------------------------------------------------
　Float Image
-------------------------------------------------------------------------------------------------------------------*/

.photo-l {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.photo-r {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}

.photo-l img {
	width:100%;
	height:auto;
}

.photo-r img {
	width:100%;
	height:auto;
}

.photo-c {
	text-align:center;
}

.photo-c img {
}


/*------------------------------------------------------------------------------------------------------------------
　Primary
-------------------------------------------------------------------------------------------------------------------*/

#primary {
	width:100%;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/*------------------------------------------------------------------------------------------------------------------
　Header
-------------------------------------------------------------------------------------------------------------------*/

header {
	width:100%;
	height:89px;
	background-image:url(../image/header/line.png);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-bottom:10px;
}

header #header-primary {
	max-width:1280px;
	width:100%;
	height:95px;
	box-sizing:border-box;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
}

header .logo {
	background-image:url(../image/header/logo.png);
	width:289px;
	height:67px;
	float:left;
	display:block;
	position:relative;
	margin-top:-4px;
}

header .logo a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}

header #option {
	width:500px;
	float:right;
	position:relative;
	z-index:99;
}

header #option .button01 {
	background-image:url(../image/header/button01.png);
	width:242px;
	height:53px;
	display:block;
	float:left;
	position:relative;
	margin-right:10px;
}

header #option .button02 {
	background-image:url(../image/header/button02.png);
	width:242px;
	height:53px;
	display:block;
	float:left;
	position:relative;
}

header #option .button03 {
	background-image:url(../image/header/button03.png);
	width:332px;
	height:53px;
	display:block;
	float:right;
	position:relative;
}

header #option .button01 a, header #option .button02 a, header #option .button03 a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}

/*------------------------------------------------------------------------------------------------------------------
　Navi
-------------------------------------------------------------------------------------------------------------------*/

nav ul.fixed {
	position:fixed;
	bottom:16px;
	z-index:999;
	width:100%;
	width:1294px;
	height:164px;
	margin:0;
	padding:0;
	list-style:none;
	transition:0.2s;
	left:50%;
	margin-left:-647px;
}

nav ul.absolute {
	position:absolute;
	top:-200px;
	z-index:999;
	width:100%;
	width:1294px;
	height:164px;
	margin:0;
	padding:0;
	list-style:none;
	transition:0.2s;
	left:50%;
	margin-left:-647px;
	opacity:0;
}

nav ul li {
	float:left;
	margin-right:10px;
	transition:0.3s;
}

nav ul li a {
	width:314px;
	height:162px;
	display:block;
	position:absolute;
	top:0;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	outline:none;
}

nav ul li:nth-child(1){ background-image:url(../image/navi/navi01.png); width:314px; height:162px; }
nav ul li:nth-child(2){ background-image:url(../image/navi/navi02.png); width:314px; height:162px; }
nav ul li:nth-child(3){ background-image:url(../image/navi/navi03.png); width:314px; height:162px; }
nav ul li:nth-child(4){ background-image:url(../image/navi/navi04.png); width:314px; height:162px; margin-right:0; }

nav ul li:nth-child(1):hover{ background-image:url(../image/navi/navi01_on.png); }
nav ul li:nth-child(2):hover{ background-image:url(../image/navi/navi02_on.png); }
nav ul li:nth-child(3):hover{ background-image:url(../image/navi/navi03_on.png); }
nav ul li:nth-child(4):hover{ background-image:url(../image/navi/navi04_on.png); }

nav ul li:nth-child(5){
	display:none;
}

nav ul.fixed.nolink, nav ul.absolute.nolink {
	pointer-events: none;
}

.rec-button {
	display:none;
}

/*------------------------------------------------------------------------------------------------------------------
　Footer
-------------------------------------------------------------------------------------------------------------------*/

#footer {
	width:100%;
	height:450px;
	background-image:url(../image/footer/back.gif);
	background-repeat:repeat-x;
	margin-top:45px;
	box-sizing:border-box;
	padding-top:1px;
	position:relative;
}

.ssl {
    text-align: center;
    padding-top: 50px;
}

#footer .logo {
	background-image:url(../image/footer/logo.png);
	width:407px;
	height:145px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-top:35px;
	position:relative;
}

#footer .logo a {
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#footer .cc {
	text-align:center;
	margin-top:55px;
}

@media screen and (max-width: 1000px) {
	#footer .cc {
		display:none;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　Additional
-------------------------------------------------------------------------------------------------------------------*/

#contents {
	width:100%;
	clear:both;
}

#tab-content01, #tab-content02, #tab-content03, #tab-content04, #tab-content05 {
	width:100%;
	background-color:rgba(255,255,255,0.6);
	padding-bottom:50px;
}

#tab-contents-primary {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.bx-viewport {
}

.bx-prev, .bx-next {
	display:none;
}

#tab-contents-primary article {
	width:100%;
	max-width:1280px;
	min-height:860px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

.main-label {
	width:796px;
	height:357px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-658px;
	z-index:99;
}

#tab-content01 .main-label { background-image:url(../image/contents/scene01/main-label.png); height:423px; }
#tab-content02 .main-label { background-image:url(../image/contents/scene02/main-label.png); }
#tab-content03 .main-label { background-image:url(../image/contents/scene03/main-label.png); }
#tab-content04 .main-label { background-image:url(../image/contents/scene04/main-label.png); }

#tab-contents-primary article .content {
	width:100%;
}

/* scene01 */

#tab-content01 #tab-content01-primary {
	height:1655px;
	width:100%;
	overflow:hidden;
}

#tab-content01 .content-sparate01 {
	background-image:url(../image/contents/scene01/content01.png);
	width:1345px;
	height:831px;
	position:absolute;
	top:78px;
	left:50%;
	margin-left:-770px;
	z-index:3;
}

#tab-content01 .content-sparate01 a {
	display:none;
}

#tab-content01 .partstaff {
	background-image:url(../image/contents/scene01/partstaff.png);
	width:259px;
	height:103px;
	display:block;
	position:absolute;
	top:200px;
	left:50%;
	margin-left:-210px;
	transition:0.3s;
	z-index:9999;
}

#tab-content01 .partstaff:hover {
	background-image:url(../image/contents/scene01/partstaff_on.png);
}

#tab-content01 .partstaff a {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
}

#tab-content01 .stand {
	background-image:url(../image/contents/scene01/stand.png);
	width:232px;
	height:600px;
	position:absolute;
	right:0;
	top:270px;
	z-index:99;
}

#tab-content01 .content-sparate02 {
	background-image:url(../image/contents/scene01/content02.png);
	width:1266px;
	height:600px;
	position:absolute;
	top:760px;
	left:50%;
	margin-left:-633px;
	z-index:2;
}

#tab-content01 .content-sparate03 {
	background-image:url(../image/contents/scene01/content03.png);
	width:1120px;
	height:325px;
	position:absolute;
	top:1350px;
	left:50%;
	margin-left:-560px;
	z-index:1;
}


/* scene02 */

#tab-content02 #tab-content02-primary {
	width:100%;
	overflow:hidden;
}

#tab-content02 #tab-content02-primary .content {
	background-image:url(../image/contents/scene02/content01.png);
	width:1254px;
	height:1629px;
	position:relative;
}

#tab-content02 #tab-content02-primary .content .comment {
	position:absolute;
	top:1180px;
	left:320px;
}

#tab-content02 #tab-content02-primary .content .comment .comment01 {
	font-size:16px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	width:875px;
	display:block;
}

#tab-content02 #tab-content02-primary .content .comment .comment02 {
	font-size:16px;
	margin:0;
	padding:0;
	position:absolute;
	top:244px;
	left:0;
	width:875px;
	display:block;
}


/* scene03 */

#tab-content03 #tab-content03-primary {
	width:100%;
	overflow:hidden;
}

#tab-content03 #tab-content03-primary .content {
}

#tab-content03 #tab-content03-primary .content .content-sparate01 {
	background-image:url(../image/contents/scene03/content01.png);
	width:1207px;
	height:811px;
	position:relative;
	margin-bottom:30px;
	margin-left:30px;
}

#tab-content03 #tab-content03-primary .content .content-sparate02 {
	background-image:url(../image/contents/scene03/content02.png);
	width:1207px;
	height:817px;
	position:relative;
	margin-left:30px;
}

#tab-content03 #tab-content03-primary .content .content-sparate01 .stand {
	background-image:url(../image/contents/scene03/stand.png);
	width:402px;
	height:388px;
	position:absolute;
	top:430px;
	left:40px;
}


/* scene04 */

#tab-content04 #tab-content04-primary {
	width:100%;
	overflow:hidden;
}

#tab-content04 #tab-content04-primary .content {
	background-image:url(../image/contents/scene04/content.png);
	width:1220px;
	height:800px;
	position:relative;
	margin-left:40px;
}

#tab-content04 #tab-content04-primary .content .tel {
	background-image:url(../image/contents/scene04/tel.png);
	width:302px;
	height:71px;
	position:absolute;
	top:638px;
	right:50px;
}

#tab-content04 #tab-content04-primary .content .tel a {
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
}


/* scene05 */

#tab-content05 #tab-content05-primary {
	width:100%;
	overflow:hidden;
}

#tab-content05 #tab-content05-primary .content {
	background-image:url(../image/contents/scene05/content01.png);
	width:1280px;
	height:840px;
	position:relative;
	margin-left:0px;
	margin-top:-30px;
}

#tab-content05 #tab-content05-primary .content .stand {
	position:absolute;
	/*background-image:url(../image/contents/scene05/stand.png);*/
	width:340px;
	height:576px;
	top:250px;
	right:-15px;
}

#tab-content05 #tab-content05-primary .content .yumekibou {
	position:absolute;
	background-image:url(../image/contents/scene05/yumekibou.png);
	width:279px;
	height:183px;
	top:60px;
	right:100px;
}

#tab-content05 #tab-content05-primary .dream-open {
	background-image:url(../image/contents/scene05/dream.png);
	width:1280px;
	height:200px;
	margin-top:30px;
	position:relative;
}

#tab-content05 #tab-content05-primary .dream-open a {
	width:482px;
	height:57px;
	display:block;
	position:absolute;
	top:117px;
	left:525px;
}