@charset "utf-8";

body#index {
	background: url(../img/bg_top_gekito3.jpg) center top no-repeat  #000;
	background-size:auto;
}

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

body#index header {
	text-align: center;
	height: 450px;
}

body#index header div.lBox h1 {
	position: absolute;
	top: -280px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	z-index:0;
}

body#index header p.copy {
	position: absolute;
	top: -250px;
	left: 0;
	right: 45px;
	bottom: 0;
	margin: 0;
	z-index:-1;
}

body#index header p.main01 {
	position: absolute;
	top: -54px;
	right: 120px;
	display: none;
	z-index:-2
}
body#index header p.main02 {
	position: absolute;
	top: -94px;
	left: 55px;
	display: none;
  z-index:-2;
}
@media screen and (max-width: 1700px) { /* 1500px以下の場合 */
body#index header p.main01 {
	position: absolute;
	top: -54px;
	right: 52px;
	display: none;
	z-index:-2;
	xposition:relative;
}
body#index header p.main02 {
	position:absolute;
	top: -130px;
	left: -50px;
	display: none;
  z-index:-2;
}
}

body#index header div.sBox {
	display: none;
}

body#index div.navBox {
	position: absolute;
	top: 370px;
}

body#index p.btn2015Smr {
	position: absolute;
	left: 50%;
	top: 135px;
	width: 195px;
	height: 145px;
	margin-left: -470px;
	text-indent: -9999px;
	z-index: 100;
}

body#index p.btn2015Smr a {
	display: block;
	width: 195px;
	height: 145px;
	background: url(../img/bnr_2015summer.png) no-repeat;
}

body#index p.btn2015Smr a:hover {
	background:  url(../img/bnr_2015summer.png) no-repeat 1px 1px;
}

body#index p.meeting {
	position: absolute;
	left: 50%;
	top: 282px;
	width: 195px;
	height: 72px;
	margin-left: -470px;
	text-indent: -9999px;
	z-index: 100;
}

body#index p.meeting  a {
	display: block;
	width: 195px;
	height: 72px;
	background: url(../img/bnr_meeting.png) no-repeat;
}

body#index p.meeting  a:hover {
	background: url(../img/bnr_meeting.png) no-repeat 1px 1px;
}

/* ------------------------------------- /
/   topMain
/* ------------------------------------- */

div.topMain {
	margin-top: 20px;
	width: 960px;
}

div.machine {
	position: relative;
	float: left;
	margin-right: 20px;
}

body#index div.rBox {
	margin-left: 320px;
	position: relative;
}


/***** カルーセル *****/

.mainBnr {
	position: relative;
	width: 620px;
	text-align: center;
	height: 230px;
	line-height: 100%;
}

.single-item {
	margin-left: 30px;
	width: 560px;
}


/***** 更新情報 *****/

body#index div.newBox {
	background: url(../img/bg_new.png);
	width: 620px;
	height: 659px;
	font-size: 16px; font-size: 1.6rem;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #14110e;
	text-shadow: 1px 1px 1px #999;
}

body#index div.newBox h2 {
	display: none;
}

body#index div.newBox > div {
	padding: 70px 20px 0 30px;
	overflow: auto;
}

body#index div.newBox > div div {
	height: 255px;
	overflow: auto;
}

body#index div.newBox h3 {
	font-size: 16px; font-size: 1.6rem;
	margin: 0 0 10px 0;
	padding: 0;
}

body#index div.newBox ul {
	border-bottom: dotted 1px #7c562d;
	margin-bottom: 15px;
	padding-bottom: 5px;
}

body#index div.newBox li {
	padding-left: 70px;
	min-height: 25px;
	margin-bottom: 3px;
	line-height: 180%;
}

body#index div.newBox li.icoNew01 {
	background: url(../img/ico_new01.png) no-repeat left top;
}

body#index div.newBox li.icoNew02 {
	background: url(../img/ico_new02.png) no-repeat left top;
}

body#index div.newBox li.icoNew03 {
	background: url(../img/ico_new03.png) no-repeat left top;
}

body#index div.newBox li.icoNew04 {
	background: url(../img/ico_new04.png) no-repeat left top;
}

body#index div.newBox li.icoNew05 {
	background: url(../img/ico_new05.png) no-repeat left top;
}

body#index div.newBox li.icoNew06 {
	background: url(../img/ico_new06.png) no-repeat left top;
}

body#index div.newBox li.icoNew07 {
	background: url(../img/ico_new07.png) no-repeat left top;
}

body#index div.newBox li.icoNew08 {
	background: url(../img/ico_new08.png) no-repeat left top;
}

body#index div.newBox li.icoNew09 {
	background: url(../img/ico_new09.png) no-repeat left top;
}

body#index div.newBox li.icoNew10 {
	background: url(../img/ico_new10.png) no-repeat left top;
}

body#index div.newBox li.icoNew11 {
	background: url(../img/ico_new11.png) no-repeat left top;
}
body#index div.newBox li.icoNew12 {
	background: url(../img/ico_new12.png) no-repeat left top;
}
body#index div.newBox li.icoNew13 {
	background: url(../img/ico_new13.png) no-repeat left top;
}

body#index div.newBox a {
    color: #2743ce;
    -webkit-transition: color 0.8s;
    -moz-transition: color 0.8s;
    -o-transition: color 0.8s;
    -ms-transition: color 0.8s;
    transition: color 0.8s;
}

body#index div.newBox a:hover {
    color: #7288f3;
	text-decoration: none;
}
.fix{
	position:absolute;
	margin-bottom:40px !important;
	width:89%;
}
.newBox-1{
	margin-top:0px;
	height:545px !important;
	/*fixの時用*/
	/*margin-top:50px;*/
	/*height:195px !important;*/
}
.newBox-1 ul li.white{
	color:#FFF !important;
}

/***** TOPバナー *****/

div.topBnr{
	margin-top:-312px;
}
div.topBnr a img {
	background: rgba(0,0,0,0.60);
	/*border: solid 1px #000;*/
	padding: 5px;
	text-indent: -9999px;
}

div.topBnr p a {
	display: block;
	width: 288px;
	height: 115px;
}

div.topBnr p.btnSub01 a {
	background: url(../img/bnr_sub01.jpg);
}

div.topBnr p.btnSub02 a {
	background: url(../img/bnr_sub02.jpg);
}
div.btnSub02-box{
	clear:both;
	margin-top:10px;
}
div.topBnr p.btnSub03 a {
	background: url(../img/bnr_sub03.jpg);
	
}


/***** メインムービー *****/

.mainMovie {
	clear: left;
	background: url(../img/bg_movie.png);
	width: 420px;
	height: 230px;
	padding: 10px 40px 0 40px;
	float: left;
	margin-right: 20px;
	margin-top:50px;
}

.mainMovie h2 {
	display: none;
}


/***** 製品情報 *****/

div.prdct {
	background: url(../img/bg_spec.png) no-repeat;
	background-size: cover;
	border: 1px solid #615751;
	color: #FFF;
	margin-left: 440px;
	height: 230px;
	margin-top:50px;
}

div.prdct h2 {
	margin: 0;
	padding: 5px 0;
	text-align: center;
	font-size: 16px; font-size: 1.6rem;
	background: rgba(15,14,11,0.6);
}

div.prdct dl {
	padding: 10px 20px;
}

div.prdct dt {
	background: url(../img/ico_arw_w.png) no-repeat left center;
	width: 150px;
	float: left;
	padding-left: 20px;
	font-weight: normal;
	margin-bottom: 10px;
}

div.prdct dd {
	margin-bottom: 10px;
}

div.prdct p {
	display: none;
}


/***** Twitter *****/

div.twBox {
	position: relative;
	clear: left;
	background: url(../img/bg_tw.png) center no-repeat;
	text-align: center;
	height: 340px;
	width: 640px;
	margin: 30px auto 0 auto;
	text-align: center;
}

div.twBox h2 {
	display: none;
}

div.twBox div.tw {
	padding-top: 80px;
	margin: 0 80px;
	height: 250px;
}

div.twBox #twttr-sandbox-0,div.twBox #twttr-sandbox-1 {
	width: 100% !important;
}

div.twBox p.flw {
	text-indent: -9999px;
	position: absolute;
	top: 32px;
	right: 70px;
}

div.twBox p.flw img {
	display: none;
}

div.twBox p.flw a {
	display: block;
	width: 360px;
	height: 35px;
	background: url(../img/btn_tw.png);
}

div.twBox p.flw a:hover {
	background: url(../img/btn_tw.png) 0 -35px;
}


/***** Twitter01 *****/

div.twBox01 {
	position: relative;
	clear: left;
	background: url(../img/bg_tw1.png) center no-repeat;
	text-align: center;
	height: 340px;
	width: 460px;
	margin: 20px auto 0 auto;
	text-align: center;
}

div.twBox01 h2 {
	display: none;
}

div.twBox01 div.tw {
	padding-top: 100px;
	margin: 0 20px;
	height: 230px;
}

div.twBox01 p.flw {
	text-indent: -9999px;
	position: absolute;
	top: 55px;
	left: 10px;
}

div.twBox01 p.flw img {
	display: none;
}

div.twBox01 p.flw a {
	display: block;
	width: 360px;
	height: 35px;
	background: url(../img/btn_tw.png);
}

div.twBox01 p.flw a:hover {
	background: url(../img/btn_tw.png) 0 -35px;
}


/***** Twitter02 *****/

div.twBox02 {
	position: relative;
	clear: left;
	background: url(../img/bg_tw2.png) center no-repeat;
	text-align: center;
	height: 340px;
	width: 460px;
	margin: 20px auto 0 auto;
	text-align: center;
}

div.twBox02 h2 {
	display: none;
}

div.twBox02 div.tw {
	padding-top: 100px;
	margin: 0 20px;
	height: 230px;
}

/*div.twBox02 #twttr-sandbox-0,div.twBox #twttr-sandbox-1 {
	width: 100% !important;
}*/

div.twBox02 p.flw {
	text-indent: -9999px;
	position: absolute;
	top: 55px;
	left: 10px;
}

div.twBox02 p.flw img {
	display: none;
}

div.twBox02 p.flw a {
	display: block;
	width: 360px;
	height: 35px;
	background: url(../img/btn_inst.png);
}



@media screen and (min-width: 768px) { /* 767px以上の場合 */
div.twBox02 p.flw a:hover{
	width: 360px;
	height: 35px;
	background: url(../img/btn_inst.png) !important;
	xopacity:0.8;
	margin:1px 0px 0px 1px;
}
.insta iframe{
    width: 350px !important;
    height: 228px !important;
    margin-top: 99px !important;
    margin-left: 2px !important;
		overflow:scroll !important;
}
}
div.twBox02 p.flw a:hover {
	xbackground: url(../img/btn_tw2.png) 0 -35px;
}

/* 臨時物 */

p.bnrSp {
	text-indent: -9999px;
	margin-bottom: 20px;
}

p.bnrSp a {
	display: block;
	height: 90px;
	width: 620px; 
	background: url(../img/banner_korokoro.gif);
}


@media screen and (max-width: 767px) { /* 767px以下の場合 */

body#index {
	background: #000;
}

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

body#index header {
	text-align: center;
	height: auto;
}

body#index header div.lBox {
	display: none;
}

body#index header div.sBox {
	display: block;
}

body#index div.navBox {
	position: static;
	margin-top:20%;
}



/* ------------------------------------- /
/   topMain
/* ------------------------------------- */

div.topMain {
	width: auto;
	margin-top:20px;
}

div.machine {
	display: none;
}

body#index div.rBox {
	position: inherit;
	margin-left: 0;
}


/***** カルーセル *****/

.mainBnr {
	position: relative;
	width: 100%;
	max-width: 767px;
	height: auto;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
}

.single-item {
	margin-left: 4.8%;
	width: 90.3%;
}


/***** 更新情報 *****/

body#index div.newBox {
	background: url(../img/bg_new_s.gif) no-repeat center bottom #b3aca5;
	background-size: contain;
	width: 100%;
	height: 430px;
	font-size: 12px; font-size: 1.2rem;
	color: #14110e;
	text-shadow: 1px 1px 1px #999;
}

body#index div.newBox h2 {
	display: block;
	font-size: 18px; font-size: 1.8rem;
	color: #FFF;
	text-shadow: 1px 1px 1px #3d2315;
	padding: 5px 0 0 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #b3aca5), color-stop(0.00, #3d2315));
	background: -webkit-linear-gradient(top, #3d2315 0%, #b3aca5 100%);
	background: -moz-linear-gradient(top, #3d2315 0%, #b3aca5 100%);
	background: -o-linear-gradient(top, #3d2315 0%, #b3aca5 100%);
	background: -ms-linear-gradient(top, #3d2315 0%, #b3aca5 100%);
	background: linear-gradient(top, #3d2315 0%, #b3aca5 100%);
	text-align: center;	
}

body#index div.newBox > div {
	padding: 0 10px;
	overflow: auto;
}

body#index div.newBox > div div {
	height: 250px;
	overflow: auto;
}

body#index div.newBox h3 {
	font-size: 14px; font-size: 1.4rem;
}

body#index div.newBox ul {
	border-bottom: dotted 1px #7c562d;
	margin-bottom: 15px;
	padding-bottom: 5px;
}

body#index div.newBox li {
	padding-left: 70px;
	min-height: 25px;
	margin-bottom: 3px;
}
.fix{
	position:absolute;
	margin-bottom:30px !important;
	margin-right:35px;
}
.newBox-1{
	margin-top:0px;
	height:380px !important;
	/*fix用
	margin-top:50px;
	height:170px !important;*/
}
.newBox-1 ul li.white{
	color:#FFF !important;
}

/***** TOPバナー *****/

div.topBnr{
	margin-top:0;
	height:auto;
	margin-right:-5px;
}	
/*div.topBnr p {
	background: none;
	padding: 0;
	margin-top: 10px;
	margin-bottom:-35px;
}

div.topBnr p.btnSub01 {
}
*/
div.topBnr div {
	padding: 0;
}

div.topBnr div:nth-child(1) {
	padding: 0 0 0 10px;
}

div.topBnr div:nth-child(2) {
	padding: 0 5px;
}

div.topBnr div:nth-child(3) {
	padding: 0 10px 0 0;
}

/*div.topBnr a {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 80%;
}*/
div.topBnr{
	margin-bottom:15px;
}
div.topBnr img{
	max-width:100%;
}
div.btnSub02-box{
	clear:none;
	margin-top:0px;
}
/*div.topBnr p.btnSub01 a {
	background: url(../img/bnr_sub01.jpg) no-repeat;
	background-size: contain;
}

div.topBnr p.btnSub02 a {
	background: url(../img/bnr_sub02.jpg) no-repeat;
	background-size: contain;
}*/

/*div.topBnr p.btnSub03 a {
	background: url(../img/bnr_sub03_s.jpg) no-repeat;
	background-size: contain;
}*/

/***** ムービー *****/

.mainMovie {
	background: url(../img/bg_movie_s.jpg) no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	padding: 6% 3.9% 4% 3.9%;
	float: inherit;
	margin-bottom: 20px;
	margin-top:0px;
}


/***** 製品情報 *****/

div.prdct {
	background: url(../img/bg_spec.png) no-repeat;
	background-size: cover;
	border: 1px solid #615751;
	color: #FFF;
	margin-left: 0;
	height: auto;
	margin-top:0px;
}

div.prdct h2 {
	margin: 0;
	padding: 5px 0;
	text-align: center;
	font-size: 14px; font-size: 1.4rem;
	background: rgba(15,14,11,0.6);
}

div.prdct dl {
	padding: 5px;
	font-size: 12px; font-size: 1.2rem;
	margin-bottom: 0;
}

div.prdct dt {
	background: url(../img/ico_arw_w.png) no-repeat left center;
	width: auto;
	float: inherit;
	padding-left: 15px;
	font-weight: normal;
	margin-bottom: 0;
}

div.prdct dd {
	margin-bottom: 5px;
}

div.prdct p {
	display: block;
	float: right;
	width: 30%;
	margin: 5px 10px;
}


/***** Twitter *****/

/*div.twBox {
	position: relative;
	clear: left;
	background: #31a7e0;
	background-image: none;
	padding: 10px;
	border-radius: 10px;
	text-align: center;
	height: auto;
	width: 100%;
	margin: 20px 0 0 0;
	text-align: center;
}

div.twBox h2 {
	display: block;
	margin: 0;
}

div.twBox div.tw {
	padding-top: 0;
	margin-left: 0;
	width: 100%;
	height: 250px;
}

div.twBox p.flw {
	text-indent: 0;
	position: inherit;
	top: inherit;
	right: inherit;
}

div.twBox p.flw img {
	display: inline;
}

div.twBox p.flw a {
	display: block;
	width: inherit;
	height: inherit;
	background: none;
}

div.twBox p.flw a:hover {
	background: none;
}*/


/***** Twitter01 *****/

div.twBox01 {
	position: relative;
	clear: left;
	background: #31a7e0 url(../img/bg_tw_s.png);
	padding: 10px;
	border-radius: 10px;
	text-align: center;
	height: auto;
	width: 100%;
	margin: 20px 0 0 0;
	text-align: center;
}

div.twBox01 h2 {
	display: block;
	margin: 0;
}

div.twBox01 div.tw {
	margin-left: 0;
	margin-top: 10px;
	padding: 10px;
	width: 100%;
	height: 250px;
	background: rgba(255,255,255,0.70);
	border-radius: 8px;
	border: solid 2px #4db90a;
}

div.twBox01 p.flw {
	text-indent: 0;
	position: inherit;
	top: inherit;
	left: inherit;
}

div.twBox01 p.flw img {
	display: inline;
}

div.twBox01 p.flw a {
	display: block;
	width: inherit;
	height: inherit;
	background: none;
}

div.twBox01 p.flw a:hover {
	background: none;
}

/***** Twitter02 *****/

div.twBox02 {
	position: relative;
	clear: left;
	background: #31a7e0 url(../img/bg_tw_s.png);
	padding: 10px;
	border-radius: 10px;
	text-align: center;
	height: auto;
	width: 100%;
	margin: 20px 0 0 0;
	text-align: center;
}

div.twBox02 h2 {
	display: block;
	margin: 0;
}

div.twBox02 div.tw {
	margin-left: 0;
	margin-top: 10px;
	padding: 10px;
	width: 100%;
	height: 250px;
	background: rgba(255,255,255,0.70);
	border-radius: 8px;
	border: solid 2px #fc3427;
}

div.twBox02 p.flw {
	text-indent: 0;
	position: inherit;
	top: inherit;
	left: inherit;
}

div.twBox02 p.flw img {
	display: inline;
}

div.twBox02 p.flw a {
	display: block;
	width: inherit;
	height: inherit;
	background: none;
}

div.twBox02 p.flw a:hover {
	background: none;
}

div.tw iframe {
	word-wrap:break-word;
	max-width: 320px !important;
}


/* 臨時物 */

p.bnrSp {
	margin: 10px 0;
}

p.bnrSp a {
	display: block;
	height: 0;
	width: 100%;
	padding-top: 14.5%;
	background: url(../img/banner_korokoro.gif);
	background-size: cover;
}

p.bnrMeeting {
	margin: 0 0 20px 0;
	text-indent: -9999px;
}

p.bnrMeeting a {
	display: block;
	height: 0;
	width: 100%;
	padding-top: 14.5%;
	background: url(../img/bnr_meeting_s.jpg);
	background-size: cover;
}

}