﻿/***********************************
*	レイアウト  *
***********************************/

#main_block{


}
#side_block{
	width:235px;
	float:left;
	background:#fff;
}
.content{
	width:990px;
	text-align:left;
	margin:0px auto 0px auto;
	padding: 0px 0px;
	clear:both;
}

/***********************************
*	HEADER  *
***********************************/

.content_hdr{
	width:1200px;
	text-align:left;
	margin:0px auto 0px auto;
	padding: 0px 0px;
	clear:both;
}
header {
	position: fixed;
	top: 0;
	width: 100%;
	height   :110px;
	background:#fff;
	z-index:9999;
}
#fixedBox{
	background-color:#fff;
	height   :110px;
}
.content_hdr{
	width     :1200px;
	text-align:left;
	margin    :0px auto 0px auto;
}
header #logo {
	float  :left;
	margin :50px 0px 0px 30px;
	padding:0;
}
#global-nav_pc{
	float     : right;
	margin-top:30px;
	padding   : 0;
}
#global-nav_pc01{
	margin-bottom:15px;
	font-size    :80%;
	float     : right;
}
#global-nav_pc02{
	clear     : both;
	float     : right;
}
#global-nav_pc ul li{
	float: left;
}
#global-nav_pc01 li{
	padding-left :10px;
	padding-right:10px;
}
#global-nav_pc01 li:first-child{
	border-right :1px solid #000;
}
#global-nav_pc02 li{
	padding-left :70px;
	padding-right:10px;
}
#global-nav_sp{
	display:none;
}
header #nav-btn {
	display: none;
}


/***********************************
*	FOOTER  *
***********************************/

footer,
#footer{
	display:none;
}

/***********************************
*	HOME  *
***********************************/
	
#home_contents{
	padding-top:110px;	
}
#home_main{
	width      : 100%;
	min-width  : 100%;
	position   : relative;
	background : #fff;
}

/***********************************
*	contents  *
***********************************/

.home_bottom{
    height:255px;
	clear:both;
}
#home_main_content{
	width: 795px;
	z-index: 10 !important;
	background: #fff;
	float: right;
}
* html #home_main_content{
	zoom: 100%;
}
*:first-child+html #home_main_content{
	display: inline-block;
}
.home_main_bnr01{
	float:left;
	margin:0px 10px 10px 0px;
}
.home_main_bnr02{
	float:right;
	margin:0px 10px 10px 0px;
}
.home_main_bnr03{
	float:left;
	margin:0px 10px 10px 0px;
}

/* ----- もっと。 ----- */

/*バナー全体のサイズ*/
.home_main_bnr_more {
	float:left;
	margin:0px 10px 10px 0px;
    width :255px;
    height:255px;
    overflow:hidden;
    position:relative;
}
/*マウスオーバーするマスク*/
.home_main_bnr_more .home_main_bnr_more_mask{
    width: 255px;
    height:255px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left:0;
}
/*見出し*/
.home_main_bnr_more-view .home_main_bnr_more_mask .home_main_bnr_more_icon{
    text-align: center;
    position: relative;
    padding-top:105px;
}
/*黒にする*/
.home_main_bnr_more-view .home_main_bnr_more_mask{
	opacity: 0;
	transition-property:background-color,width ;
	transition-duration:0.3s;
	transition-timing-function:linear;
	transition-delay:0s,0.3s;
}
/*マウスオーバーしたとき　不透明度を下げる**/
.home_main_bnr_more-view:hover .home_main_bnr_more_mask {
	opacity: 1;
    background-color: rgba(254, 254, 254, 0.75);
}
	
/* ----- HOME_SLIDER ----- */

#home_slider{
	height: 100vh;
	position: fixed;
	z-index: 100 !important;
}
#home_slider #hdr_whole{
	/*
	height: 100vh;
	background-size:auto 100%;
	background-position: center center;
	*/
	background-size:auto 100%;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
}
*::-ms-backdrop, #home_slider #hdr_whole{
	height: 100vh;
	background-size:auto 100%;
	background-position: center center;
}
.home_slider_logo{
	position: relative;
	top: 25%;
	-webkit-transform: translateY(-25%); /* Safari用 */
	transform: translateY(-25%);
	text-align:center;
}
.home_slider_copy{
	position: relative;
	text-align:center;
	top: 58%;
	-webkit-transform: translateY(-58%); /* Safari用 */
	transform: translateY(-58%);
	font-size:70%;
}

/***********************************
*	NEWS	*
***********************************/

.news_area{
	float     :left;
	margin    :0px 10px 10px 0px;
	border    :1px solid #DCDCDC;
	width     :518px;
	height    :253px;
}
.news_area .table{
	width     : 500px;
	text-align: left;
	margin    : 0px auto 0px auto;
}
.news_area .table-cell{
	padding       :12px 10px 12px 10px;
	border-top    :1px dotted #DCDCDC;
	font-size     :80%;
	vertical-align: middle;
}
.news_area_dt{

}
.news_area_tt{

}
.news_area_ic{

}

/***********************************
*	shopping	*
***********************************/

.home_main_bnr_sh{
	float     : left;
	margin    : 0px 10px 10px 0px;
	width     : 520px;
	height    : 255px;
	background: #CD0012;
}
.home_main_bnr_sh .table{
	width     : 410px;
	text-align: left;
	margin    : 0px auto 0px auto;
}
.home_main_bnr_sh .table-cell{
	padding-left :35px;
	padding-right:35px;
}
