@charset "utf-8";

/*===============================================
●pc-top.css 画面の横幅が900px以上
===============================================*/


img{
max-width: 100%;
height: auto;
width: auto;　
}
body{
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, sans-serif;
	font-size: 18px;
	line-height: 150%;
	margin: 0px;
	padding: 0px;
	color: #666;
} 


/* 
---------------------------------------
ヘッダー
---------------------------------------
*/

#header {
	background-color: #ffffff;
}
#headerBox {
	max-width: 2000px;
	width: 95%;
	height: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
}
/* 一瞬の表示をしない設定 */
#img2, #img3, #img4, #img5, #img6 {
display:none;
}
#menuBox {
	max-width: 2000px;
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	color: #333;
	padding-top: 10px;
	padding-bottom: 20px;
	background-color: #ffffff;
}
/* 
---------------------------------------
リンク 効果（左→右）
---------------------------------------
*/

#menuBox a {
  color:#333333;
  position: relative;
  display: inline-block;
  text-decoration: none;
}
#menuBox a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #333333;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
#menuBox a:hover::after {
  transform: scale(1, 1);
}

/* 
---------------------------------------
スライドショー
---------------------------------------
*/
#headerSls {
	width: auto;
	height: 457px;
}
* { padding: 0; margin: 0; }
.film_roll_wrapper { overflow: hidden; }
.film_roll_shuttle { position: relative; }
.film_roll_child { display: inline-block; margin-right: 10px; }
.btn_prev, .btn_next { position: absolute; top: 285px; width: 48px; height: 48px; }
.btn_prev { left: 45px; }
.btn_next { right: 45px; }


/* 
---------------------------------------
お知らせ
---------------------------------------
*/

#info {
	background-color: #ffffff;
}
#infoBox {
	max-width: 800px;
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}
#infoBox .title{
	height: 50px;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	margin-top: 50px;
	margin-right: 200px;
	margin-left: 200px;
	margin-bottom: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
#infoBox p{
	padding-bottom: 20px;	
	text-align: center;
}
/* 
---------------------------------------
トップ自己紹介
---------------------------------------
*/
#profile {
	background-color: #fff;
}
#profileBox {
	max-width: 800px;
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
	padding-top: 50px;
}
#profileBox .title{
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	height: 50px;
	margin-top: 50px;
	margin-right: 200px;
	margin-left: 200px;
	margin-bottom: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
#profileBox h2{
	width: 150px;
	height: 30px;
	margin-right: 650px;
	margin-top: 10px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #aaaaaa;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
#profileBox p{
	padding-bottom: 20px;	
}

/* 
---------------------------------------
商品紹介
---------------------------------------
*/

#products {
	background-color: #EFE2D2;
}
#productsBox {
	max-width: 940px;
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}
#productsBox .title{
	height: 50px;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	margin-top: 50px;
	margin-right: 200px;
	margin-left: 200px;
	margin-bottom: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
#productsBox #itemBox {
	max-width: 940px;
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
	clear: both;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	justify-content : space-between;
	-webkit-justify-content : space-between;
}
#itemBox .item{
	max-width: 300px;
	width: 90%;
	height: 280px;
	text-align: center;
}
#itemBox .item .img{
	padding-bottom: 15px;
}
#productsBox #commentBox{
	max-width: 940px;
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
	text-align: center;
}
#productsBox #commentBox p{
	padding-bottom: 10px;
}


/* 
---------------------------------------
フッター
---------------------------------------
*/


#footer {
	background-color: #333333;
}
#footerBox {
	max-width: 800px;
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#footerIcon {
	max-width: 800px;
	width: 100%;
	margin-bottom: 10px;
	height: 65px;
	text-align:center;
}
#footerCr {
	max-width: 800px;
	width: 100%;
	text-align:center;
	font-size: 14px;
	line-height: 150%;
	color: #FFF;
}




}