body {
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3";
}

#header_top {
background: #319b03;
}

.top_area {
width: 950px;
margin: 0 auto;
clear: both;
position: relative;
height: 29px;
line-height: 1.4;
}

.top_area h1 {
font-size: 12px;
float: left;
color: #fff;
font-weight: normal;
margin-top: 6px;
width: 540px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-align: left;
}

.top_area ul {
float: right;
display: flex;
list-style: none;
padding: 0;
margin: 6px 150px 0 0;
}

.top_area ul li {
color: #fff;
padding: 0 10px;
font-size: 12px;
border-right: solid 1px #257801;
}

.top_area ul li a {
color: #fff !important;
}

.top_area ul li:last-child {
border-right: none;
}

.top_area div {
position: absolute;
top: 0;
right: 0;
background: #fff !important;
}

#header_second {
width: 950px;
margin: 0 auto;
margin-bottom: 5px;
padding-top: 15px;
}

.logo_area {
overflow: hidden;
clear: both;
}

.logo {
float: left !important;
width: 175px !important;
height: 50px !important;
position: static !important;
}

.year {
float: left;
width: 67px;
height: 50px;
margin-left: 18px;
}

.tvcm {
float: left;
margin-left: 12px;
margin-top: 2px;
}

.wp_01 {
display: block;
float: left;
margin-left: 65px;
font-size: 12px;
}

.wp_01 a {
background: url(https://www.sunrefre.jp/img/header/wp_sprite.png) no-repeat;
background-position: 0px -44px;
width: 120px;
height: 44px;
display: block;
color: #222 !important;
}

.wp_01 a:hover {
background-position: 0px 0px;
text-decoration: none;
}

.wp_02 {
display: block;
width: 120px;
height: 44px;
float: left;
}

.wp_02 a {
background: url(https://www.sunrefre.jp/img/header/wp_sprite.png) no-repeat;
background-position: -123px -44px;
width: 120px;
height: 44px;
display: block;
font-size: 12px;
color: #222 !important;
}

.wp_02 a:hover {
background-position: -123px 0px;
text-decoration: none;
}

.wp_03 {
display: block;
width: 120px;
height: 44px;
float: left;
}

.wp_03 a {
background: url(https://www.sunrefre.jp/img/header/wp_sprite.png) no-repeat;
background-position: -245px -44px;
width: 120px;
height: 44px;
display: block;
font-size: 11px;
color: #222 !important;
}

.wp_03 a:hover {
background-position: -245px 0px;
text-decoration: none;
}

.wp_01 span {
display: flex;
margin-left: 37px;
padding-top: 5px;
line-height: 1.6;
}

.wp_02 span {
display: block;
margin-left: 34px;
padding-top: 5px;
line-height: 1.6;
}

.wp_03 span {
display: block;
margin-left: 28px;
padding-top: 5px;
line-height: 1.6;
}

.navi_area {
display: flex;
list-style: none;
padding: 0;
margin-top: 7px;
}

.navi_area li a:hover {
border-bottom: solid 2px #319b03;
}

.cart {
float: right;
}

.ec a {
margin-left: 12px;
width: 67px;
height: 54px;
background: url(https://www.sunrefre.jp/img/header/btn_ec.png) no-repeat;
display: block;
text-indent: -9999px;
margin-top: 3px;
}

.ec a:hover {
background: url(https://www.sunrefre.jp/img/header/btn_ec_on.png) no-repeat;
border-bottom: none !important;
}

#header_third {
background: #f6f6f6;
border-top: solid 1px #eee;
border-bottom: solid 1px #eee;
padding: 8px 0;
height: 27px;
}

.guide_area {
width: 950px;
margin: 0 auto;
overflow: hidden;
clear: both;
}

.guide {
float: left;
}

.sarch {
float: left;
margin-left: 20px;
width: 435px;
height: 30px;
}

table.gsc-search-box td {
vertical-align: top !important;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
margin-top: 0 !important;
}

.notice {
background: url(https://www.sunrefre.jp/img/header/notice.png) repeat-x;
height: 29px;
}

.f_wp_01 {
font-size: 11px !important;
color: #ff0000;
}





/* テレビCM 回転ボタン部分 */
.button {
	display: inline-block;
	width: 100px;
	height: 44px;
	text-align: center;
	text-decoration: none;
	line-height: 44px;
	outline: none;
	position: relative;
	-webkit-perspective: 1000px;
	perspective: 1000px;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .1s;
	transition: all .1s;
}
.button span {
	display: block;
	position: absolute;
	width: 100px;
	height: 44px;
	/*border: 2px solid #ccc;*/
	text-align: center;
	line-height: 56px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
}
.button span:nth-child(1) {
	background-color: #fff;
	color: #777;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
	border: solid 1px #ccc;
}
.button span:nth-child(2) {
	background-color: #fff;
	color: #fff;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.button:hover span:nth-child(1) {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.button:hover span:nth-child(2) {
	background-color: #fff;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}

/* 帯下　告知部分 */
.top_notice {
width: 950px;
margin: 0 auto;
overflow: hidden;
clear: both;
margin-top: 10px;
font-size: 12px;
border: solid 1px #ddd;
}

.top_notice dt {
float: left;
background: #ddd;
padding: 5px;
width: 165px;
text-align: center;
}

.top_notice dd {
float: left;
margin-left: 15px;
padding: 5px;
}

.top_notice dd a {
color: #222 !important;
}