/* 全体的なスタイル
-------------------------------------------------- */
/* フッターの下の空白と明るめの本文 */

body {
  color: #5a5a5a;
  overflow-x: hidden;
}


/* カルーセルをカスタマイズ
-------------------------------------------------- */

/* カルーセルの基本クラス */
.carousel {
  /*margin-bottom: 4rem;*/
}
/* 画像を配置しているので、キャプションを手助けする必要がある */
.carousel-caption {
  /*z-index: 10;*/
}

/* img要素の配置のために高さを宣言 */
.carousel-item {
  /*height:623px;*/
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height:623px;
}

.carousel-control-prev-icon {
		background:url(../img/pre.png) no-repeat;
		width:24px;
		height:41px;
}

.carousel-control-next-icon {
		background:url(../img/next.png) no-repeat;
		width:24px;
		height:41px;
}


@media (min-width: 1200px) {/*1200px以上で表示*/
.carousel-control-prev {
	left:-20px;

	}
.carousel-control-next {
	right:-20px;
	}
}


	
/* マーケティング・コンテンツ
-------------------------------------------------- */

/* カルーセルの下の3列の中のテキストを整列 */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* フィーチャー
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* ブートストラップの<hr>をもっと外に出す */
}

/* マーケティングの見出しを細めにする */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* レスポンシブCSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* カルーセルコンテンツのサイズを大きくする */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}




/* カスタマイズcss部分
-------------------------------------------------- */




@media (min-width: 768px) {/*768px以上で表示*/
	nav {
		height:120px;
		background:url(../img/line_02.jpg) repeat-x top;
		}
}

@media (max-width: 767px) {/*767px以下で表示*/
	nav {
		background:url(../img/line_02.jpg) repeat-x top;
		}

	main {
		padding:80px 0 0 0;
		}

	.naibulink {
		padding:80px 0 0 0;
		margin:-80px 0 0 0;
	}

}

@media (min-width: 768px) {/*768px以上で表示*/
	.navbar-nav a {
		text-indent:-99999pt;
		overflow:hidden;
	}	
	
	.navbar-nav li {
		padding:0 30px 10px 30px;
	}
	
	.navbar-nav li a:hover {
		opacity: 0.3;
		filter: alpha(opacity=30);
		-moz-opacity: 0.3;
		-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;
	}


	.navbar-nav li.active {
		border-bottom:1px solid #000;
	}
	





/* ページごと切り替え部分
-------------------------------------------------- */
	#TOP .navbar-nav li#MENU01 {
		border-bottom:1px solid #000;
	}	

	
	#SHOP .navbar-nav li#MENU02 {
		border-bottom:1px solid #000;
	}	
	
	#MENU .navbar-nav li#MENU03 {
		border-bottom:1px solid #000;
	}	
	
	#CONTACT .navbar-nav li#MENU04 {
		border-bottom:1px solid #000;
	}	
	
	
	
}

/* Extra Large devices: Desktops (1200px) */
@media (min-width: 1200px) {

	.all_menu .col-md-4 {
		max-width:28.333333%;
		margin-bottom:0
	}
}

/* Large devices: laptop (992px) */
@media (min-width: 992px) and (max-width: 1199px) {

	.all_menu .col-md-4 {
		max-width:28.333333%;
		margin-bottom:0
	}

}

/* Medium devices: Tablets (768px) */
@media (min-width: 768px) and (max-width: 991px) {

	.all_menu .col-6 {
		max-width:45%;
	}


}



.top_m_link a {
	width:62px;
	height:15px;
	display:block;
	background:url(../img/menu_top.jpg) no-repeat;
	overflow:hidden;

 }

.shop_m_link a {
	width:62px;
	height:15px;
	display:block;
	background:url(../img/menu_shop.jpg) no-repeat;
	overflow:hidden;

 }
 
 .menu_m_link a {
	width:62px;
	height:15px;
	display:block;
	background:url(../img/menu_menu.jpg) no-repeat;
	overflow:hidden;

 }

 .con_m_link a {
	width:62px;
	height:15px;
	display:block;
	background:url(../img/menu_con.jpg) no-repeat;
	overflow:hidden;

 }
 
 
 


 

.marketing a {
	text-indent:-99999pt;
	overflow:hidden;
}
 
.Shop_link a {
	width:62px;
	height:76px;
	display:block;
	background:url(../img/m_shop.jpg);
	overflow:hidden;

 }
 
.Shop_link a:hover {
	width:62px;
	height:76px;
	display:block;
	background:url(../img/m_shop_a.jpg);
	overflow:hidden;
 }

.Menu_link a {
	width:62px;
	height:76px;
	display:block;
	background:url(../img/m_menu.jpg);
	overflow:hidden;
 }
 
.Menu_link a:hover {
	width:62px;
	height:76px;
	display:block;
	background:url(../img/m_menu_a.jpg);
	overflow:hidden;
 }

 
.Contact_link a {
	width:62px;
	height:76px;
	display:block;
	background:url(../img/m_contact.jpg);
	overflow:hidden;
}

.Contact_link a:hover {
	width:62px;
	height:76px;
	display:block;
	background:url(../img/m_contact_a.jpg);
	overflow:hidden;
 }
 
.img_line {
	background:url(../img/line.jpg) no-repeat center;
	height:21px;
	border:none;
}

.SHOP .shousai a {
	width:134px;
	height:32px;
	display:block;
	background:url(../img/btn01.jpg);
	overflow:hidden;
}

.SHOP .shousai a:hover {
		opacity: 0.3;
		filter: alpha(opacity=30);
		-moz-opacity: 0.3;
		-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;
}

.SHOP p {
	font-size:100%;
}

.SHOP p.sp {
	font-size:100%;
}

.line {
	border:none;
	border-top:1px solid #aba;
}

.all_menu .col-lg-4 {
	margin-bottom:0
}


.all_menu a {
		background-color:#E8E8E8;
}


.all_menu a:hover img {
		/*opacity: 0.3;
		filter: alpha(opacity=30);
		-moz-opacity: 0.3;
		-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;*/
		background:rgba(232,232,232,1);
}


.all_menu .shousai a {
	width:134px;
	height:32px;
	display:block;
	background:url(../img/btn02.jpg);
	overflow:hidden;
}

.all_menu .shousai a:hover {
		opacity: 0.3;
		filter: alpha(opacity=30);
		-moz-opacity: 0.3;
		-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;
}


/*フッター*/

footer {
	background:url(../img/f_bg.jpg) repeat-x;
	padding:15px 0;
}



.Copyright { 
		color:#434343;
		font-size:80%;
		text-align: center;
}

.Copyright .bg { 
		xbackground:url(../img/line_02.jpg) repeat-x top;
		padding:10px 0 10px 0;

}


/*ページトップ*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
    z-index:10000;
}
#page-top a {
    background: url(../img/top.png) no-repeat;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    text-indent:-99999pt;
	overflow:hidden;
}
#page-top a:hover {

}

@media (max-width: 767px) {/*767px以下で表示*/
	#page-top {
	    position: fixed;
	    bottom: 10px;
	    right: 5px;
	    z-index:10000;
	}
	#page-top a {
	    background: url(../img/top.png) no-repeat;
	    width: 75px;
 		padding: 30px 0;
	    text-align: center;
	    display: block;
	    text-indent:-99999pt;
		overflow:hidden;
	}
}