/*
--------------------------------------------------
トップページヘッダー表示設定
-------------------------------------------------- */
#page-home .header_wrap {
top: 0 !important;
}
/*
--------------------------------------------------
最新情報　4カラム調整
-------------------------------------------------- */
#page-home #news .column {
    width: 217px!important;
}
#page-home #news .column:nth-of-type(3) {
    margin-right: 30px;
}
#page-home #news .column:nth-of-type(4) {
    margin-right: 0;
}
#page-home #news .photos-left {
    width: 100%!important;
}
#page-home #news .photos-left img {
width: 100%!important;
}
@media screen and (max-width: 680px){
#page-home .content .inner {
    width: 100%;
}
#page-home #news .column {
    width: 100%!important;
}
}
/*
--------------------------------------------------
スライダー　バナー調整
-------------------------------------------------- */
.sliderbnr {
z-index: 100;
    position: absolute;
    top: 35%;
    left: 27%;
    width: 46%;
}
.sliderbnr img {
width: 100%;
}
@media screen and (max-width: 680px){
.sliderbnr_sp img {
    width: 100%;
    margin: -61px auto 0;
}
}
/* .viewer
------------------------- */
.viewer {
	/*margin   : 0px auto;*/
	margin   : 80px auto 0;/*ヘッダー表示時*/
	width    : 100%;
	position : relative;
	overflow : hidden;
}
.viewer ul {
	width    : 100%;
	overflow : hidden;
	position : relative;
}
.viewer ul li {
	top      : 0;
	left     : 0;
	width    : 100%;
	position : absolute;
}
.viewer ul li img {
	width : 100%;
}
@media screen and (max-width: 680px){
.viewer {
	margin   : 50px auto 0;/*ヘッダー表示時*/
}
.viewer .displayPC {
display: none;
}
}
/* =======================================
	ClearFixElements
======================================= */
.viewer ul:after {
	content    : ".";
	height     : 0;
	clear      : both;
	display    : block;
	visibility : hidden;
}

.viewer ul {
	display  : inline-block;
	overflow : hidden;
}
/* .viewerここまで
------------------------- */


.menu_tel a {
    right: 5px;
}

#notice {
    background-color: red;
    padding: 10px;
    color: #ffffff;
    text-align: center;
}
@media screen and (max-width: 680px) {
    .br-sp { display:none; }
}