@charset "UTF-8";

/*-----------------------
 body
 -----------------------*/


/*-----------------------
 main
 -----------------------*/
#main {
/*	padding-bottom: 60px;
*/	width: 100%;
}

#main img{
	width: 100%;
	margin: 0 auto;
}

#main2,#main3,#main4,#main5{
/*	padding-bottom: 60px;
*/	width: 100%;
	position: relative;
	z-index: 1;
}

#main2 img,#main3 img,#main4 img,#main5 img{
	width: 100%;
	margin: 0 auto;
}

.textTate1{
	width: 600px;
	position: absolute;
    font-size: 24px;
    letter-spacing: 0.3em;
    line-height: 154%;
	right: 290px;
	top: 150px;
	z-index: 999;
	color: #fff;
}

.textTate2{
	width: 600px;
	position: absolute;
    font-size: 24px;
    letter-spacing: 0.3em;
    line-height: 154%;
	right: 290px;
	top: 198px;
	z-index: 999;
	color: #fff;
}

/*-----------------------
 #contentsWrapper
 -----------------------*/
#contentsWrapper {
	padding-top: 50px;
}

.image2,.image3,.photo1,.photo2,.photo3,.photo4,#image1,.photoWrapper1,.photoWrapper2,.photoWrapper4,.photoWrapper5,.photoWrapper6,.photoWrapper7{
	position: relative;
}

.image1 img{
	padding-left: 30px;
}

.animaitext{
	position: absolute;
	top: 10px;
	left: 100px;
}


.animaitext1{
	position: absolute;
	top: 147px;
	right: -716px;
}

.text{
	margin-top: 106px;
	padding-left: 610px;
	margin-bottom: 25px;
}

.text h2{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	letter-spacing: 0.3em;
}

.text p{
	margin:20px 0 40px;
	letter-spacing: 0.2em;
}

.shop{
	margin-left: 40px;
}

.blogTitle{
	padding-top: 108px;
	width: 205px;
}
.blog{
	float: left;
}




/*-----------------------
 #newsWrapper
 -----------------------*/

.info {
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-bottom: 30px;
	margin: 50px 0;
}


.info h2{
	letter-spacing: 0.3em;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

#newsWrapper {
	padding-bottom: 40px;
}

#newsWrapper h2{
	font-size: 35px;
	letter-spacing: 0.2em;
}

#newsList{
	padding-top: 16px;
}

#newsList li{
	padding-bottom: 12px;
}

#newsList li a{
	font-size: 15px;
	display: block;
	letter-spacing: 0.1em;
}

#newsList li span{
	padding-right: 10px;
}

#newsWrapper div.newsMore{
	padding-top: 112px;
}

#newsWrapper div.newsMore p {
	padding-left: 65px;
}

/*-----------------------
 .snsList
 -----------------------*/
.newsMore{
	 position: relative;
}

.snsList{
	position: absolute;
	right: 68px;
	top: 23px;
}

.snsIcon{
	float: left;
    padding-left: 10px !important;
}

.snsIcon a{
	color: #fff;
	transition:all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
}

.snsList p a:hover{
	color: #000;
}

.snsList span.icon-facebook {
	font-size: 50px;
}

.newsdate{
	padding-top: 10px;
}

/*-----------------------
 #itemWrapper
 -----------------------*/
 /*#itemWrapper{margin-bottom: 100px;}*/

#itemWrapper .itemList{
	width: 421px;
	height: 240px;
	background:url('../design/top/frame.png') no-repeat 0px 0px;
	float: left;
	position: relative;
	/*margin-right: 118px;*/
	margin-right: 45px;
}

#itemWrapper .itemList h3{
	font-size: 20px;
	letter-spacing: 0.1em;
	padding-top: 15px;
	padding-bottom: 12px;
	padding-left: 42px;
	font-weight: bold;
}

#itemWrapper .itemList > span {
	display: block;
	position: absolute;
	right: 5px;
	top: 5px;
}

#itemWrapper .itemList > span a {
	color: #fff
}

#itemWrapper article p.itemImage{
	float: left;
	padding-left: 25px;
}

#itemWrapper article p.itemText{
	float: left;
	width: 208px;
	font-size: 16px;
	padding-left: 20px;
}

#itemWrapper article p.itemText span{
	display: block;
	font-size: 14px;
	padding-top: 10px;
}

.itemImage img{
	width: 140px !important;
	height: 140px !important;
}

/* override */
#itemWrapper .itemList:last-child{
	margin-right: 0px;
}

#itemWrapper .itemList:last-child h3{
	padding-left: 30px;
}

.videoArea1{
	display: none;
}