/* nmain
===============================================================*/
div#Contents {
	width:100%;
	height:100%;
	padding:0;
	background-color:#f4f4f4;
}

div.nmain {
	height:640px;
	/*background:url(../images/top/n_bg_01.jpg) no-repeat center top;*/
background:url(../images/top/n_bg_christmas.jpg) no-repeat center top;
position:relative;
}

/* クリスマス用*/
div#HeaderBox .header_in .nnavi ul li.n1 a {
	background:url(../images/common/nav_white.png) no-repeat 0 0;		
}

div#HeaderBox .header_in .nnavi ul li.n2 a {
	background:url(../images/common/nav_white.png) no-repeat -129px 0;		
}

div#HeaderBox .header_in .nnavi ul li.n3 a {
	background:url(../images/common/nav_white.png) no-repeat -245px 0;		
}

div#HeaderBox .header_in .nnavi ul li.n6 a {
	background:url(../images/common/nav_contact.png) no-repeat 0 -68px;
}


div.nmain .boy{
	position:absolute;
	top:217px;
	left:0;
	width:175px;
	}

div.nmain a.vale_link {
   /*	 display: block;
    width: 100%;
    height: 640px;*/
}

div.nmain p {
	width:1200px;
	margin:0 auto;
	position:relative;
}

div.nmain p a {
	position:absolute;
	top:544px;
	right:10px;
/*	top:536px;
	right:154px;*/
}

/*
div.nmain p a {
	width:299px;
	height:46px;
	position:absolute;
	top:513px;
	left:135px;
}
*/
div.nmain p a:hover {
	opacity:0.8;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

.lazy {
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
	position:relative;
	top:40px;
	left:0;
}

.lazyout {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	top:0;
	-webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
}


/* content
===============================================================*/
div.top_wrap {
	width:1200px;
	margin:0 auto;
	padding:40px 0 0 0;
}

div.top_wrap .news {
	width:550px;
	padding:52px 0 44px 40px;
	background-color:#ffffff;
	float:left;
}

div.top_wrap .news_inner {
/*	height:961px;
	height:1670px;バナー4つ*/
	height:1433px; /*バナー3つ*/ 
/*	height:1196px; バナー2つ*/ 
	overflow:hidden;
}

div.top_wrap .news a {
	display:block;
	padding:35px 0;
	background:url(../images/top/line.jpg) repeat-x left bottom;
}

div.top_wrap .news .ph {
	width:197px;
	height:149px;
	overflow:hidden;
	float:left;
	position:relative;
	text-align: center;
}

div.top_wrap .news .ph img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
     -moz-transform: translate3d(-50%, -50%, 0);
           -ms-transform: translate(-50%, -50%);
          transform: translate3d(-50%, -50%, 0);
}

div.top_wrap .news .ph span {
	display:block;
	width:201px;
	height:153px;
	position:absolute;
	border:#ffffff 0px solid;
	top:-2px;
	left:-2px;
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}

div.top_wrap .news a:hover .ph span {
	display:inline-block;
	border:#e00029 5px solid;
	width:191px;
	height:143px;
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}

div.top_wrap .news .con {
	width:280px;
	float:right;
}

div.top_wrap .news .con p.date {
	font-family: "Libre Baskerville";
	font-style:italic;
	font-size:14px;
	letter-spacing:0.05em;
	color:#404040;
	padding:0 0 20px 0;
}

div.top_wrap .news .con h3 {
	color:#404040;
	font-size:18px;
	line-height:26px;
	font-weight:normal;
	padding:0 0 16px 0;
}

div.top_wrap .news .con p {
	color:#404040;
}


div.top_wrap .sub {
	width:590px;
	float:right;
}

div.top_wrap .sub .recommend {
	width:510px;
	padding:52px 40px 30px 40px;
	margin:0 0 20px 0;
	background-color:#ffffff;
}

div.top_wrap .sub .recommend h3 {
	margin:0 0 17px 0;
}

div.top_wrap .sub .recommend p {
	width:510px;
	height:221px;
	overflow:hidden;
	position:relative;
	margin:0 0 15px 0;
}

div.top_wrap .sub .recommend a {
	display:block;
	width:514px;
	height:225px;
	position:absolute;
	border:#ffffff 0px solid;
	top:-2px;
	left:-2px;
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}

div.top_wrap .sub .recommend a:hover {
	display:inline-block;
	border:#e00029 5px solid;
	width:504px;
	height:215px;
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}

div.top_wrap .sub .recommend p.short {
	width:510px;
	height:181px;
	overflow:hidden;
	position:relative;
	margin:0 0 15px 0;
}

div.top_wrap .sub .recommend .short a {
	display:block;
	width:514px;
	height:185px;
	position:absolute;
	border:#ffffff 0px solid;
	top:-2px;
	left:-2px;
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}

div.top_wrap .sub .recommend .short a:hover {
	display:inline-block;
	border:#e00029 5px solid;
	width:504px;
	height:175px;
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}

div.top_wrap .sub .bn ul li {
	width:285px;
	height:341px;
	margin:0 20px 20px 0;
	float:left;
	position:relative;
	overflow:hidden;
}

div.top_wrap .sub .bn ul li.r {
	margin:0 0 20px 0;
}

div.top_wrap .sub .bn ul li a {
	display:block;
	width:289px;
	height:345px;
	position:absolute;
	border:#ffffff 0px solid;
	top:-2px;
	left:-2px;
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}

div.top_wrap .sub .bn ul li a:hover {
	display:inline-block;
	border:#e00029 5px solid;
	width:279px;
	height:335px;
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}


div.top_wrap .fbn {
	width:1120px;
	padding:40px 40px 44px 40px;
	margin:0 0 20px 0;
	background-color:#ffffff;
}

div.top_wrap .fbn h3 {
	margin:0 0 17px 0;
}

div.top_wrap .fbn ul li {
	float:left;
	width:540px;
	height:187px;
	overflow:hidden;
	position:relative;
}

div.top_wrap .fbn ul li.r {
	float:right;
}

/*div.top_wrap .fbn ul li.c {
	margin:0 auto;
	width:640px;
	height:228px;
	float:none;
}
*/
div.top_wrap .fbn ul li.c {
	margin:0 auto;
	width:1120px;
	height:270px;
	float:none;
}
div.top_wrap .fbn ul li.c2 {
	margin:0 auto;
	width:1000px;
	height:200px;
	float:none;
}

div.top_wrap .fbn ul li a {
	display:block;
	width:544px;
	height:191px;
	position:absolute;
	border:#ffffff 0px solid;
	top:-2px;
	left:-2px;
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}

div.top_wrap .fbn ul li a:hover {
	display:inline-block;
	border:#e00029 5px solid;
	width:534px;
	height:181px;
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}

/*div.top_wrap .fbn ul li.c a {
	display:block;
	width:640px;
	height:228px;
	position:absolute;
	border:#ffffff 0px solid;
	top:-2px;
	left:-2px;
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}

div.top_wrap .fbn ul li.c a:hover {
	display:inline-block;
	border:#e00029 5px solid;
	width:634px;
	height:222px;
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}
*/


div.top_wrap .fbn ul li.c a {
	display:block;
	width:1120px;
	height:270px;
	position:absolute;
	border:#ffffff 0px solid;
	top:-2px;
	left:-2px;
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}

div.top_wrap .fbn ul li.c a:hover {
	display:inline-block;
	border:#e00029 5px solid;
	width:1114px;
	height:264px;
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}
div.top_wrap .fbn ul li.c2 a {
	display:block;
	width:1000px;
	height:200px;
	position:absolute;
	border:#ffffff 0px solid;
	top:-2px;
	left:-2px;
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}

div.top_wrap .fbn ul li.c2 a:hover {
	display:inline-block;
	border:#e00029 5px solid;
	width: 994px;
	height: 194px;
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}

div.top_wrap .sub_bn {
	padding:0 0 80px 0;
}

div.top_wrap .sub_bn .box1 {
	width:357px;
	padding:0 0 33px 0;
	margin:0 20px 0 0;
	background-color:#ffffff;
	float:left;
}

div.top_wrap .sub_bn .box1 p {
	text-align:center;
}

div.top_wrap .sub_bn .box2 {
	width:446px;
	padding:0 0 33px 0;
	margin:0 20px 0 0;
	background-color:#ffffff;
	float:left;
}

div.top_wrap .sub_bn .box2 p {
	text-align:center;
}

div.top_wrap .sub_bn .box2 p a {
	display:inline-block;
	margin:0 15px;
}

div.top_wrap .sub_bn .box3 {
	width:357px;
	padding:0 0 33px 0;
	background-color:#ffffff;
	float:left;
}

div.top_wrap .sub_bn .box3 p {
	text-align:center;
}

div.top_wrap .sub_bn .box3 p a {
	display:inline-block;
	margin:0 8px;
}

div.top_wrap .sub_bn .box1 .t{
	background:url(../images/top/tl04.jpg) no-repeat center 50%;
	text-indent:-9990px;
	height:70px;
	}
div.top_wrap .sub_bn .box2 .t{
	background:url(../images/top/tl06.jpg) no-repeat center 50%;
	text-indent:-9990px;
	height:70px;
	}
div.top_wrap .sub_bn .box3 .t{
	background:url(../images/top/tl05.jpg) no-repeat center 50%;
	text-indent:-9990px;
	height:70px;
	}
div.top_wrap  .tit_txt {
    font-weight: bold;
    font-size: 19px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 21px;
    padding-bottom: 7px;
}



/* 2018.10 POPUP */
#cboxClose {
	top:25px;
	right:25px;
	background:url(../images/top/pop_close.png) no-repeat 0 0;
	width:39px;
	height:39px;
}