@charset "euc-jp";
/* ///////////////////////////////

ºî²È»ÔʬÎà
PCÍÑ

///////////////////////////////
*/
body{background:none}
#page{ width:100%}
.page1col #pageContents{ width:950px; margin:0 auto; float:none}
#pageContents.sakkaCnt{padding-bottom: 10px; margin-bottom: 20px;}
#header_pc{margin:0 auto; width:950px;}
#footer_pc{width:950px; margin:0 auto}

.block{width:950px; margin:0 auto; position:relative;}
.nav{right:0;  z-index:9999; position:absolute; text-align:right; margin-top:60px}
.nav img{ width:90px}
.fixed { position: fixed; top: 20px; z-index: 10000;}

img.newicon{position:absolute; top:-5px; left:0; border-radius:36px; z-index:9999}

/*¡üsakkactg1*/
#sakkactg1{background:#ededed; margin:0; overflow:hidden;}
#sakkactg1 .block{height:700px; padding-bottom:50px}
h1{position:absolute; top: 165px; left:667px; z-index:999}
.animate_item{
	position: absolute;
	top: 0;
	left: 0;
	z-index:996;
	opacity:0;
}
.animate_item.fadeIn{
	-webkit-animation-duration: 2.4s;
	animation-duration: 2.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	z-index:997;
}
.animate_item.fadeOut{
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
	z-index:996;
}
@-webkit-keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@-webkit-keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}
}
@keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}
}
#sakkactg1 p{position:absolute; top:347px; left:667px; text-align:left; font-size:14px; line-height:21px; padding-right:20px}

/*¡üsakkactg2*/
#sakkactg2{ margin:0; overflow:hidden; background:#bcb018; width:100%; padding:0 0 76px}
#sakkactg2 .block{height:1016px; position:relative; padding-bottom:50px}
#sakkactg2 h2{position:absolute; top: 30px; left:50px; z-index:999}
a.btn1{position:absolute; top: 116px; left:121px; z-index:996}
a.btn2{position:absolute; top: 174px; left:379px; z-index:996}
a.btn3{position:absolute; top: 116px; left:597px; z-index:996}
a.btn4{position:absolute; top: 152px; left:703px; z-index:996}
a.btn5{position:absolute; top: 418px; left:25px; z-index:996}
a.btn6{position:absolute; top: 484px; left:217px; z-index:996}
a.btn7{position:absolute; top: 438px; left:395px; z-index:996}
a.btn8{position:absolute; top: 482px; left:557px; z-index:996}
a.btn9{position:absolute; top: 422px; left:737px; z-index:996}
a.btn10{position:absolute; top: 752px; left:27px; z-index:996}
a.btn11{position:absolute; top: 752px; left:277px; z-index:996}
a.btn12{position:absolute; top: 818px; left:527px; z-index:996}
.ill1{position:absolute; top: 253px; left:76px; z-index:1100}
.ill2{position:absolute; top: 201px; left:344px; z-index:1100}
.ill3{position:absolute; top: 181px; left:545px; z-index:1100}
.ill4{position:absolute; top: 234px; left:788px; z-index:1100}
.ill5{position:absolute; top: 469px; left:258px; z-index:1100}
.ill6{position:absolute; top: 448px; left:596px; z-index:1100}
.ill7{position:absolute; top: 510px; left:726px; z-index:1100}
.ill8{position:absolute; top: 787px; left:242px; z-index:1100}
.ill9{position:absolute; top: 807px; left:409px; z-index:1100}
.ill10{position:absolute; top: 772px; left:509px; z-index:1100}
.ill11{position:absolute; top:796px ; left:831px; z-index:1100}


/*¡üsakkactg3*/
#sakkactg3{background:#9f8d12; margin:0; overflow:hidden}
#sakkactg3 .block{background:#fff; width:770px; margin:60px auto; padding:30px 40px; overflow:hidden}
#sakkactg3 h2{text-align:left;}
#sakkactg3 .infoimg1{margin:30px 30px 0 0; float:left}
#sakkactg3 p.txt{width:280px; float:left; margin-top:90px; font-size:13px; line-height:1.8em}
#sakkactg3 .infoimg2{margin:30px 0 0 0; float:right}
#sakkactg3 dl.prof{width:375px; float:left; margin:100px 25px 0 0;}
#sakkactg3 dl.prof dt{ text-align:center; width:375px;}
#sakkactg3 dl.prof dd{background:#e6e27a; padding:0px 30px 30px;}
#sakkactg3 dl.prof h3{text-align:center; padding:20px 0}
#sakkactg3 dl.prof p{font-size:0.9em;}
#sakkactg3 a.bnr{ float:left; margin:20px 0 5px; text-align:left}
#sakkactg3 h4{border-top:2px solid #000; float:left; width:100%; margin:50px 0 0; padding:10px 0; text-align:center}

.itemCnt{float:left; margin-left:-10px; padding:0!important}
.item2col ul.itemCnt li{ width:380px; margin:10px 0 0 10px; font-size:12px; vertical-align:top;}
.item3col ul.itemCnt li{ width:185px; margin:10px 0 0 10px; font-size:12px; vertical-align:top;}
.item4col ul.itemCnt li{ width:185px; margin:10px 0 0 10px; font-size:12px; vertical-align:top;}

.itemCnt li{ width:368px; margin:10px 0px 0 0; font-size:12px; vertical-align:top;}
.itemImg{background:#eee}
.itemInfo span.Name,
.itemInfo p.Price{text-align:center; color:#000; display:block;}
.itemInfo p.Price{font-size:0.9em}
.item2col .itemInfo span.Name,
.item3col .itemInfo span.Name,
.item4col .itemInfo span.Name{ min-height:4em}
.item3col .itemCnt {padding-left:90px!important}

/*¡üsakkactg4*/
#sakkactg4{background:#cbc121; margin:0; overflow:hidden; padding:30px 0}
#sakkactg4 .block{width:950px; margin:30px auto; padding:30px 0px; overflow:hidden}
#sakkactg4 h2{text-align:center; margin-bottom:20px}
#sakkactg4 p{text-align:center; color:#fff; font-size:14px; line-height:1.8em}
#sakkactg4 ul{overflow:hidden; margin:40px 0 40px 30px; width:870px}
#sakkactg4 ul li{background:#fff; width:270px; float:left; margin:0 0 20px 20px; line-height:0}
#sakkactg4 img.insimg{width:270px;}
.itemlink{background:#eaeaea; position: relative; display: inline-block; margin:10px 0 0; padding: 7px 10px; min-width: 120px; max-width: 100%;}
.itemlink:before{content: ""; position: absolute; top: -30px; left: 50%; margin-left: -15px; border: 15px solid transparent; border-bottom: 15px solid #eaeaea;}
.itemlink p {	margin: 0;	padding: 0;}
.itemlink img{ width:60px; float:left; margin-right:10px}
.itemlink.coming{text-align:center}
.itemlink.coming img{width:50%; text-align:center; margin:5px 50px}
.itemlink span{ margin:10px 0px; display:inline-block; width:180px; line-height:1.8em}
.itemlink a span{text-decoration:underline}


/*¡üsakkactg5*/
#sakkactg5{background:#fff; margin:60px 0 0; overflow:hidden; padding:30px 0}
#sakkactg5 .block{width:950px; margin:30px auto; padding:30px 0px; overflow:hidden}


/*animation*/
.move1{transition: 2.0s; opacity: 0; transform: translate(0,60px); -webkit-transform: translate(0,30px); }
.move1on{opacity: 1.0; transform: translate(0,0); -webkit-transform: translate(0,0);}
/*.move1on.ill1{animation: vertical1 7s ease-in-out infinite alternate;}
.move1on.ill2{animation: vertical1 10s ease-in-out infinite alternate;}
.move1on.ill3{animation: vertical2 0.9s ease-in-out infinite alternate;}
.move1on.ill4{animation: vertical3 3s ease-in-out infinite alternate;}
.move1on.ill5{animation: vertical1 10s ease-in-out infinite alternate;}
.move1on.ill6{animation: vertical2 2s ease-in-out infinite alternate;}
.move1on.ill6b{animation: vertical2 3s ease-in-out infinite alternate;}
.move1on.ill7{animation: vertical3 4s ease-in-out infinite alternate;}
*/
.move2{transition: 0.8s; opacity: 0; transform: translate(0,60px); -webkit-transform: translate(0,60px); }
.move2on{opacity: 1.0; transform: translate(0,0); -webkit-transform: translate(0,0);}

.move3{transition: 0.8s; opacity: 0; transform: translate(0,60px); -webkit-transform: translate(0,60px); }
.move3on{opacity: 1.0; transform: translate(0,0); -webkit-transform: translate(0,0);}
.move3on:hover{animation: zoom1 0.5s ease-in-out infinite alternate;}

.anime1 {animation-duration: 1s;animation-name: slidein;}
.anime2 {animation-duration: 3.0s;animation-name: fadein;}
.anime3 {animation-duration: 3.0s;animation-name: fadein;}
.anime4 {animation-duration: 2.0s;animation-name: slidein2;}
.anime5 {animation-duration: 2.0s;animation-name: slidein3;}

@keyframes slidein {
    0% { transform:translateY(20px); opacity:0;  }
  100% { transform:translateY(  0px); opacity:1.0;  }
}
@keyframes slidein2 {
    0% { transform:translateX(-20px); opacity:0;  }
  100% { transform:translateX(  0px); opacity:1.0;  }
}
@keyframes slidein3 {
    0% { transform:translateX(20px); opacity:0;  }
  100% { transform:translateX(  0px); opacity:1.0;  }
}
@keyframes fadein {
from {opacity:0;}
to {}
}
@keyframes vertical1 {
    0% { transform:translateY(110px); }
  100% { transform:translateY(  0px); }
}
@keyframes vertical2 {
    0% { transform:translateY(10px); }
  100% { transform:translateY(  0px); }
}
@keyframes vertical3 {
    0% { transform:translateX(20px); }
  100% { transform:translateX(  0px); }
}
@keyframes zoom1 {
    0% { transform:translateY(0px); }
  100% { transform:translateY( -10px); }
}