/* shift jis
/
/ 書式設定
----------------------------------*/

body{
	margin: 0;
	padding:0;
	border: 0 none;
	font-size:14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5em;
	position:relative;
}



/*floatの解除*/
.clearfix:after { 
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*\*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}
img {vertical-align:bottom;}
a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.container.is-fix > .inner,
.is-fix + .container > .inner{width: 100%; max-width: 1600px; }

/*content部分
-------------------------------*/
.left {float: left;}
.right {float: right;}
.absl {position: absolute;}
#contentWrap a {display: block;}

#contentWrap {width: 100%; max-width: 1600px; margin: 0 auto; overflow: hidden;}
#contentWrap #mainWrap {position: relative; width: 100%; max-width: 1600px; margin: 0 auto; background: url(../images/bg01.jpg) top center no-repeat;}
#contentWrap #mainWrap .main {width: 990px; height: 609px; margin: 0 auto; position: relative; overflow:visible;}
#contentWrap #mainWrap .main h1{display: block; width: 570px; margin: 0 auto; left: -45px; right: 0; top:45px;}
#contentWrap #mainWrap .main .txt01{
	position:absolute;
	bottom:-20px;/*0px;*/
	right:100px;
	z-index:2;
	opacity:0;
}
#contentWrap #mainWrap .main .txt02{
	position:absolute;
	bottom:-20px;/*0px;*/
	left:100px;
	z-index:2;
	opacity:0;
}
#contentWrap #mainWrap .main .txt01 img,#contentWrap #mainWrap .main .txt02 img {
	vertical-align:bottom;
	width:10px;
	height:9px;
}
#contentWrap #mainWrap .fix_btn {width: 200px; position: absolute; top:400px; right: 20px; z-index: 10001;}
#contentWrap #mainWrap .fix_btn.is_fix {position: fixed; right: 20px; top: 20px;}
#contentWrap #mainWrap .fix_btn a img {width: 100%; height: auto;}
/* #contentWrap #mainWrap .fix_btn a {background: #FFFFFF;} */

#contentWrap #boxWrap {height: 3030px; width: 100%; max-width: 1600px; margin: 0 auto; background: url(../images/bg02.jpg) top center no-repeat;}
#contentWrap #boxWrap .content {width: 990px; margin: 0 auto;}

#box01,#box02 {position: relative;}
#box01 .box01_1 {top:50px; left: 0px;}
#box01 .box01_2 {top:0px; right: 10px;}
#box01 .box01_3 {top:430px; right:  20px;}
#box01 .box01_4 {top:510px; right: 20px;}
#box01 .box01_5 {top:345px; right: 20px;}
#box01 .box01_6 {top:340px; left: 0px;}
#box01 a {background: #FFFFFF;}

#box02 .box02_1 {width: 371px; top:620px; left: 0px; right: 0; margin: 0 auto;}
#box02 .box02_1 p {padding-top: 20px;}
#box02 .box02_2 {top:762px; left: 5px;}
#box02 .box02_3 {top:762px; right: 15px;}
#box02 .box02_4 {top:1120px; left: 8px;}
#box02 .box02_5 {top:1124px; right: 16px;}
#box02 .box02_6 {width: 200px; top:1290px; left: 0px; right: 0; margin: 0 auto;}
#box02 .box02_7 {width: 280px; top:1360px; left: 0px; right: 0; margin: 0 auto;}

/* スクロールアニメーション　*/
#box02 .sa {
	display: none;
	opacity: 0;
	margin-top: 15px;
	animation: fadeinbox 0.8s ease-in-out forwards;
	animation-delay: 0.5s;
}
#box02 .sa:not(:target)  /* IE9以上 */{
	opacity: 1\9;  /* IE10以下 => 結果的にIE9のみ */
}
@media all and (-ms-high-contrast: none)  /* IE10以上 */{
	#box02 .sa:not(:target) {opacity: 0;}
}
#box02 .sa.show {display: block;}
#box02 .box02_1{animation-delay: 0.5s;}
#box02 .box02_2,#box02 .box02_3{animation-delay: 1s;}
#box02 .box02_4,#box02 .box02_5{animation-delay: 1.5s;}

@keyframes fadeinbox {
	0% { opacity: 0; margin-top: 10px; }
	100% { opacity: 1; margin-top:0px; }
}


#box03 {text-align: center; padding-top: 1485px;}
#box03 .pickUps {margin: 70px -37px 30px 0;}
#box03 .pickUps > li {float: left; margin-right: 37px;}
#box03 .pickUps2 {margin: 0 -37px 70px 0;}
#box03 .pickUps2 > li {float: left; margin-right: 37px;}
#box03 .pickBoxWrap {width: 304px;}
#box03 .pickBoxWrap img {width: 100%; height: auto;}
#box03 .pickBoxWrap .pickBox {width: 100%; position: relative;}
#box03 .pickBoxWrap .pickBox .maki {position: absolute; display: block; top: 40px; right: 10px; z-index: 10000;}

/*pickupスライド部分
-------------------------------*/
#box03 .pickBoxWrap a .bx-wrapper{
	position: absolute; width: 300px; margin: 0 auto; top: 50px; left: 2px; right: 0;}
#box03 .pickBoxWrap a .bx-wrapper .bx-viewport{
	box-shadow:none;
	border: none;
	left:0;
}
#box03 .pickBoxWrap a .bx-wrapper .bx-pager, #box03 .pickBoxWrap a .bx-wrapper .bx-controls-auto {bottom: -26px;}
#box03 .pickBoxWrap a .bx-wrapper .bx-pager.bx-default-pager a {
	background: #C5E4CE; width: 10px; height: 10px; margin: 0 10px;
	    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
	z-index: 9999;
}
#box03 .pickBoxWrap a .bx-wrapper .bx-pager.bx-default-pager a:hover, #box03 .pickBoxWrap a .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #18943B;
}
#box03 .pickBoxWrap a.pickBox2 .bx-wrapper .bx-pager.bx-default-pager a {background: #BFD4E6;}
#box03 .pickBoxWrap a.pickBox2 .bx-wrapper .bx-pager.bx-default-pager a:hover, #box03 .pickBoxWrap a.pickBox2 .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #00549A;
}
#box03 .pickBoxWrap a.pickBox3 .bx-wrapper .bx-pager.bx-default-pager a {background: #EAD478;}
#box03 .pickBoxWrap a.pickBox3 .bx-wrapper .bx-pager.bx-default-pager a:hover, #box03 .pickBoxWrap a.pickBox3 .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #DCB700;
}
#box03 .pickBoxWrap a.pickBox4 .bx-wrapper .bx-pager.bx-default-pager a {background: #EFB892;}
#box03 .pickBoxWrap a.pickBox4 .bx-wrapper .bx-pager.bx-default-pager a:hover, #box03 .pickBoxWrap a.pickBox4 .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #DC5F00;
}
#box03 .pickBoxWrap a.pickBox5 .bx-wrapper .bx-pager.bx-default-pager a {background: #90CBEA;}
#box03 .pickBoxWrap a.pickBox5 .bx-wrapper .bx-pager.bx-default-pager a:hover, #box03 .pickBoxWrap a.pickBox5 .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #009AEA;
}
#btnBoxWrap {padding: 40px 0; width: 100%; max-width: 1600px; margin: 0 auto 50px; background: url(../images/bg03.jpg) top center no-repeat; }
#btnBoxWrap .btnBox {width: 990px; margin: 0 auto;}
#btnBoxWrap .btn a {display: inline-block; position: relative;}
#btnBoxWrap .btn a img {width: auto;}
#btnBoxWrap .btn p {position: absolute; left:0; top:0; width: 100%; height: 100%;}
#btnBoxWrap .btn p img { opacity: 0; filter: alpha(opacity=0);}
#btnBoxWrap .btn a:hover p,
#btnBoxWrap .btn a:hover p img {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
#btnBoxWrap .c_btn {width: 430px; margin: 30px auto 0;}

/*topスライド部分
-------------------------------*/
#contentWrap #mainWrap .slideBoxWrap { width: 100%;}
#contentWrap #mainWrap .slideBoxWrap .bx-wrapper{ margin: 0 auto;}
#contentWrap #mainWrap .slideBoxWrap .bx-wrapper .bx-viewport{box-shadow:none; border: none; left:0;}
#contentWrap #mainWrap .slideBoxWrap ul li img{width: 305px; height: 228px; }

/*footer部分
-------------------------------*/
#footer {
	background:#FFFFFF;
	width:100%;
	min-width: 990px;
}


 #footer p.pr {
	text-align:center;
	color:#000;
	height:35px;
	line-height:30px;
	width:990px;
	font-weight:bold;
	font-size:14px;
	margin:0 auto;
}
#footer:after { 
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}


/*
-------------------------------*/