@charset "utf-8";
/* ---------------------------------------- /
/
/ リセット
/
/ ---------------------------------------- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, orm, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video{ margin: 0; padding: 0; border: 0; font-style:normal; vertical-align: baseline; font-weight:500;}

ol, ul{ list-style:none;}
caption, th{ text-align: left;}

:focus { outline: none;}

/* ---------------------------------------- /
/
/ 基本設定
/
/ ---------------------------------------- */
html,body { width:100%; height:100%; min-width:1280px;}

body {
	font-size: 18px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.8;
	letter-spacing: 0.5px;
	color:#330d0e;
}

img { border:none; outline:none; vertical-align:middle;}
iframe{ vertical-align: middle;}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.clear{	clear:both;	}
.clearfix:before,
.clearfix:after {
    content: " ";
	display: table;}
.clearfix:after {
    clear: both;
}

.f_left{ float:left;}
.f_right{ float:right;}


/* 汎用CSS
=============================================================================*/
/* ------- リンク ------- */
a,a:visited{
	color: #397116;
	text-decoration: underline;
	-webkit-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
	}
a:hover,a:active{ color: #397116; text-decoration: none;}

.link_under a{ position: relative; display: inline-block;}
.link_under a::after {
  position: absolute;
  bottom: -3px;
  left: 50%;
  content: '';
  width: 0;
  height: 2px;
  background-color: #a73e40;
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.link_under a:hover::after {
  width: 100%;
}
.link_under a:hover img{ opacity: 1;}

/* ------- フォント ------- */
::selection {background: rgba(73,19,20,0.2); color: #a73e40;}
::-moz-selection {background: rgba(73,19,20,0.2); color: #a73e40;}

.sunserif{ font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;}
.serif{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.strong {  font-weight:bold;}
.text_r{ text-align:right;}
.text_c { text-align:center;}
.text_l { text-align:left;}
.text_main{ font-size: 16px; line-height: 1.6;}
.text_lead{ 
	text-shadow: 
    #fff 2px 0px,  #fff -2px 0px,
    #fff 0px -2px, #fff 0px 2px,
    #fff 2px 2px , #fff -2px 2px,
    #fff 2px -2px, #fff -2px -2px,
    #fff 1px 2px,  #fff -1px 2px,
    #fff 1px -2px, #fff -1px -2px,
    #fff 2px 1px,  #fff -2px 1px,
    #fff 2px -1px, #fff -2px -1px;
}
.caution{ color:#a73e40; font-weight:bold; font-size: 13px;}


/* --------------　透過　------------------ */

a:hover img{
	opacity: 0.6;
	-webkit-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
.none a:hover img{
	opacity: 10;
	-webkit-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}

/* --------------　シャドウ　------------------ */
.shadow1 img{-webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;}
.shadow1 img:hover{box-shadow:3px 3px 18px 0px rgba(0,0,0,0.4);}
.shadow2{ box-shadow:2px 2px 3px 1px rgba(0,0,0,0.2);}
.shadow3{ box-shadow:0px 4px 8px -4px rgba(0,0,0,0.5);}
.shadow4{ box-shadow: 0px 6px 6px -6px rgba(0,0,0,0.8);}
.text_shadow01{ text-shadow:1px 1px 3px rgba(0,0,0,0.5);	}

/* --------------　見出し　------------------ */
.midashi-01{
	font-size: 18px;
	background: url("../img/base/icon-circle.png") no-repeat left 50%;
	padding-left: 20px;
	font-weight: bold;
}

/* --------------　box　------------------ */
.box1280{ width: 1280px; margin: 0 auto;}
.box1180{ width: 1180px; margin: 0 auto;}
.box980{ width: 980px; margin: 0 auto;}

.bg-01{ background: url("../img/base/bg-01.jpg") repeat;}
.bg-02{ background: url("../img/base/bg-02.jpg") repeat;}
.bg-03{ background: url("../img/base/bg-03.jpg") repeat-y center top;}
.bg-04{ background: url("../img/base/bg-01b.jpg") repeat;}

.col2 .f_left,
.col2 .f_right{ width: 565px;}

.col3 p{ width: 380px; float: left;}
.col3 p:nth-child(2){ margin: 0 20px;}

.detail_box{
	padding: 10px 20px;
	border: 1px solid #d55e62;
	font-size: 14px;
	line-height: 1.6;
	color: #d55e62;
	margin-bottom: 20px;
}
.detail_box dl{ display: table;}
.detail_box dt{
	display: table-cell;
	font-weight: bold;
	width: 70px;
	text-align: right;
}
.detail_box dd{
	display: table-cell;
}
/* --------------　コンテンツライン　------------------ */

/* --------------　テーブル　------------------ */
.table{
	width: 100%;
	border-top: 1px solid #3e2307;
	border-bottom: 1px solid #3e2307;
	table-layout: fixed;
	border-collapse: collapse;
}
.table th{
	text-align: center;
	background: rgba(62,35,7,0.2);
	border-bottom: 1px dashed#3e2307;
	padding: 0.5em 1em;
}
.table td{
	text-align: center;
	background: rgba(255,255,255,0.8);
	padding: 0.5em 1em;
}

/* --------------　ボタン　------------------ */

/* --------------　画像　------------------ */
.img100{ width: 100%; height: auto;}
/*角丸イメージ*/
.img_round{
	border-radius: 6px;
	-webkit-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s;
	box-shadow:3px 3px 5px 0px rgba(0,0,0,0.2);
}
.img_round-02{
	border-radius: 6px;
	-webkit-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s;
	box-shadow:3px 3px 5px 0px rgba(0,0,0,0.2);
}
.img_round:hover{ box-shadow:3px 3px 16px 0 rgba(0,0,0,0.3); opacity: 1;}

/* --------------　pagetop　------------------ */



/* --------------　調整　------------------ */
.mb0{ margin-bottom: 0 !important;}
.mb1{ margin-bottom: 1em !important;}
.mb10{ margin-bottom: 10px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb30{ margin-bottom: 30px !important;}
.mb40{ margin-bottom: 40px !important;}
.mb50{ margin-bottom: 50px !important;}
.mb60{ margin-bottom: 60px !important;}
.mb70{ margin-bottom: 70px !important;}
.mb80{ margin-bottom: 80px !important;}
.mb90{ margin-bottom: 90px !important;}
.mb100{ margin-bottom: 100px !important;}
.mb110{ margin-bottom: 110px !important;}
.mb120{ margin-bottom: 120px !important;}
.mb130{ margin-bottom: 130px !important;}


/* アニメーションの設定
=============================================================================*/
.a_hidden{ overflow-x:hidden;}
/*fadeIn*/
.animation-fadeIn{
	opacity:0;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 2s;
	transition-duration: 2s;
    -webkit-transition-delay: 0s;
	transition-delay: 0s;
	}
.a-fadeIn{
	opacity:1;
}
/*fadeInUp*/
.animation-fadeUp{
	opacity:0;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
    -webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	}
.a-fadeUp{
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*fadeLeft*/
.animation-fadeLeft{
	opacity:0;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
    -webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translate3d(20px,0,0);
	transform: translate3d(20px,0,0);
	}
.a-fadeLeft{
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*fadeDown*/
.animation-fadeDown{
	opacity:0;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
    -webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	}
.a-fadeDown{
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*遅延*/
.animation-delay li:nth-child(1),
.animation-delay p:nth-child(1){ -webkit-transition-delay: 0s; transition-delay: 0s;}
.animation-delay li:nth-child(2),
.animation-delay p:nth-child(2){ -webkit-transition-delay: 0.3s; transition-delay: 0.3s;}
.animation-delay li:nth-child(3),
.animation-delay p:nth-child(3){ -webkit-transition-delay: 0.6s; transition-delay: 0.6s;}
.animation-delay li:nth-child(4),
.animation-delay p:nth-child(4){ -webkit-transition-delay: 0.9s; transition-delay: 0.9s;}
.animation-delay li:nth-child(5),
.animation-delay p:nth-child(5){ -webkit-transition-delay: 1.2s; transition-delay: 1.2s;}
.animation-delay li:nth-child(6),
.animation-delay p:nth-child(6){ -webkit-transition-delay: 1.5s; transition-delay: 1.5s;}
.animation-delay li:nth-child(7),
.animation-delay p:nth-child(7){ -webkit-transition-delay: 1.8s; transition-delay: 1.8s;}
.animation-delay li:nth-child(8),
.animation-delay p:nth-child(8){ -webkit-transition-delay: 2.1s; transition-delay: 2.1s;}

/* header
=============================================================================*/
header{	background: url("../img/base/header-bg.png") repeat-x; position: fixed; top: 0; left: 0; right: 0; z-index: 999; padding-top: 10px; box-shadow: 0 3px 6px rgba(0,0,0,0.2);}
header .box1280{}
header h1{ float: left; width:382px; padding-bottom: 8px;}
header .nav_wp{ float: right;}
header .nav_wp li{ float: left; padding-top: 28px; margin-right: 28px;}
header .nav_wp li:nth-child(4){ margin-right: 16px;}
header .nav_wp li:last-child{ padding-top: 4px; margin-right: 24px;}
/* footer
=============================================================================*/
footer{ 
	width: 100%;
	background: url("../img/base/line-01.png") repeat-x center top,
				url("../img/base/bg-02.jpg") repeat;
	color: #fff;
	text-align: center;
	font-size: 14px;
}
footer a,footer a:visited{ color: #fff; text-decoration: none;}
footer a:hover,footer a:active{ color: #fff; opacity: 0.6;}

footer .box1280{
	padding: 30px 0 14px 0;
	background: url("../img/base/footer-bg.png") no-repeat right 10px;
}
footer ul li{
	display: inline-block;
	line-height: 14px;
}
footer ul li::after{
	content: "";
	width: 1px;
	height: 14px;
	background: #fff;
	display: inline-block;
	margin: 0 20px;
	vertical-align: middle;
}
footer .yado_detail{ margin: 40px 0;}
.copy{ font-size: 12px; color: #fff; text-align: center;}
.copy img{ margin-right: 10px;}

/* ============================================
	TOPページ-#index
=============================================== */
#index .bg-03 .box1280{ background: url("../img/top/contents-bg.png") no-repeat top center;}
/*----------contents01----------*/
#index .contents01{ background: url("../img/top/contents01-bg.png") no-repeat top center; margin-bottom: 93px;}
#index .contents01 h2{ text-align: center; padding: 140px 0 20px 0;}
#index .contents01 .photo01{ padding-top: 90px;}
#index .contents01 .photo01 p:first-child{ margin: 0 0 18px 16px;}

/*----------contents02----------*/
#index .contents02{ margin-bottom: 130px;}
#index .contents02 h2{ margin-bottom: 10px;}
#index .spot_wp{ width: 1180px; margin: 0 auto; position: relative;}
#index .spot_wp .animation-fadeUp{ float: left; margin-right: 20px;}
#index .spot_wp p:nth-child(2){ margin-top: 60px;}
#index .spot_wp p:nth-child(4){ margin-top: 60px; margin-right: 0;}
#index .spot_wp .animation-fadeDown{ display: inline-block; position: absolute;}
#index .spot_wp p:nth-child(5){ top: -36px; left: 120px;}
#index .spot_wp p:nth-child(6){ top: 25px; left: 420px;}
#index .spot_wp p:nth-child(7){ top: -36px; left: 720px;}
#index .spot_wp p:nth-child(8){ top: 25px; right: -10px;}

/*----------contents03----------*/
#index .contents03{ padding-bottom: 90px;}
#index .contents03 h2{ margin: 0 0 40px 230px;}
#index .contents03 h3{ margin-bottom: 34px;}

/*----------contents04----------*/
#index .contents04{ padding: 60px 0;}
#index .contents04 .f_left{ width: 332px;}
#index .contents04 .f_right{ width: 804px;}
#index .contents04 .f_left .banner-side{ margin-left: 3px;}
#index .contents04 .f_left .banner-side img{ border: 1px solid #fff;}
/*----------ヘッダースライダー----------*/
.main_slider{
	position: relative;
}
.main_slider .slider_text{
	position: absolute;
	right: 0;
	bottom: 60px;
	z-index: 800;
	text-align: right;
}
.main_slider .slider_text p{ margin-top: 20px;}
.main_slider .bx-wrapper img {
    width:100%;
	height: auto;
}
/* ============================================

	下層ページ共通-.subpage

=============================================== */
.subpage .main_visual{
	width: 100%;
	height: 500px;
	position: relative;
}
/*contents*/
.subpage .pagetitle{
	position: absolute;
	top: 55%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);	
	transform: translateY(-50%) translateX(-50%);
}
.subpage .bg-03{ padding: 60px 0;}

/*レイアウト*/
.subpage > article{ margin-bottom: 60px;}


/* ============================================
	施設案内　-　#facilities
=============================================== */
#facilities .main_visual{ background: url("../img/facilities/mainvisual.jpg") no-repeat top center;-webkit-background-size: cover; background-size: cover;}
/*----------contents01----------*/
#facilities .contents01{ min-height: 508px; background: url("../img/facilities/contents01-bg.png") no-repeat top center;}
#facilities .contents01 .box1280{
	padding: 50px 0 0 560px;
}
/*----------contents02----------*/
#facilities .slider_wp{
	border-radius: 6px;
	-webkit-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s;
	box-shadow:3px 3px 5px 0px rgba(0,0,0,0.2);
	overflow: hidden;
}
#facilities .section03{
	background: url("../img/facilities/contents02_section03-bg.jpg") no-repeat left bottom;
	min-height: 377px;
}
#facilities .section04{ padding: 30px 100px;}
#facilities .section04 .f_left,
#facilities .section04 .f_right{ width: 465px;}
#facilities .section04 h3{
	border-bottom: 1px dashed #ac6346;
	margin-bottom: 8px;
}
/*----------contents03----------*/
#facilities .contents03 .col2{
	background: url("../img/facilities/contents03-bg.jpg")no-repeat right bottom;
	min-height: 377px;
}
#facilities .contents03 .col2 .f_right{ padding-top: 50px;}
/*----------contents04----------*/
#facilities .contents04 .bg-04{ padding: 20px 100px;}
#facilities .contents04 ul li{ width: 280px; float: left; margin-right: 20px;}
#facilities .contents04 ul li:nth-child(2){ margin-top: 30px;}
#facilities .contents04 ul li:nth-child(4){ margin-top: 30px; margin-right: 0;}

/* ============================================
	お料理　-　#cuisine
=============================================== */
#cuisine .main_visual{ background: url("../img/cuisine/mainvisual.jpg") no-repeat top center;-webkit-background-size: cover; background-size: cover;}
/*----------contents01----------*/
#cuisine .contents01 .section01{
	height: 1021px;
	position: relative;
	background: url("../img/cuisine/contents01-bg.png") no-repeat top center;
}
#cuisine .contents01 h2{
	position: absolute;
	top: 80px;
	left: 576px;
	z-index: 10;
}
#cuisine .contents01 .movie_wp{
	position: absolute;
	width: 558px;
	height: 404px;
	overflow: hidden;
	top: 0;
	left: 50px;
}
#cuisine .contents01 .movie_mask{
	position: absolute;
	top: 0;
	left: 0;
}
#cuisine .contents01 .section02{
	position: absolute;
	width: 465px;
	left: 150px;
	top: 400px;
}
#cuisine .contents01 .section03{
	position: absolute;
	width: 465px;
	right: 150px;
	top: 740px;
}
#cuisine .contents01 .photo_p{
	position: absolute;
	top: 360px;
	right: 120px;
}
/*----------contents02----------*/
#cuisine .slider_wp{
	border-radius: 6px;
	-webkit-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s;
	box-shadow:3px 3px 5px 0px rgba(0,0,0,0.2);
	overflow: hidden;
}
#cuisine .col2 .f_left{ width: 615px;}
#cuisine .col2 .f_right{ width: 515px;}
#cuisine h3.midashi-01{
	border-bottom: 1px dashed #ac6346;
	margin-bottom: 8px;
}
#cuisine .menu_box{
	background: url("../img/cuisine/menu-bg.jpg") no-repeat top right;
	padding: 20px 30px;
}
#cuisine .menu_box ul li{ line-height: 2.2;}

#cuisine .contents02 .section02 .menu_box{ height: 260px;}
#cuisine .contents02 .section02 > ul > li{ float: left;}
#cuisine .contents02 .section02 > ul > li:nth-child(1){	width: 320px; margin-right: 20px; margin-bottom: 20px;}
#cuisine .contents02 .section02 > ul > li:nth-child(2){	width: 410px; margin-right: 20px; margin-bottom: 20px;}
#cuisine .contents02 .section02 > ul > li:nth-child(3){	width: 410px; margin-bottom: 20px;}
#cuisine .contents02 .section02 > ul > li:nth-child(4){	width: 380px; margin-right: 20px;}
#cuisine .contents02 .section02 > ul > li:nth-child(5){	width: 380px; margin-right: 20px;}
#cuisine .contents02 .section02 > ul > li:nth-child(6){	width: 380px;}


/*----------contents03----------*/
#cuisine .contents03 .section02 > .f_left{ width: 515px; margin-top: 100px;}
#cuisine .contents03 .section02 > .f_right{ width: 615px;}

/*----------contents04----------*/
#cuisine .contents04 .section02 > .f_left{ width: 515px; margin-top: 100px;}
#cuisine .contents04 .section02 > .f_right{ width: 615px;}

#cuisine .menu_box ul.f_left{
	width: 50%;
	font-size: 14px;
}

/* ============================================
	アクセス・周辺観光　-　#access
=============================================== */
#access .main_visual{ background: url("../img/access/mainvisual.jpg") no-repeat top center;-webkit-background-size: cover; background-size: cover;}

/*----------contents02----------*/
.spot_col{ margin-bottom: 80px;}
.spot_col:last-child{ margin-bottom: 0;}
.spot_col .f_left,
.spot_col .f_right{ width: 565px;}
.spot_col h3{ margin-bottom: 16px; line-height: 1;}
.spot_col h3 span{ display: inline-block; margin-left: 16px;}

/*掛川城*/
.spot01 .f_left p:nth-child(1){ margin-bottom: 20px;}
.spot01 .f_left p:nth-child(2){ float: left;}
.spot01 .f_left p:nth-child(3){ float: right;}
.spot01 .detail_box dt{	width: 90px;}

/* RSS
=============================================================================*/
/*プラン*/
.mini{
	width:100%;
	margin-bottom: 30px;
}
.mini:last-child{ margin-bottom: 0;}
.mini h3{
	font-size:16px;
	line-height:26px;
	margin-bottom:10px;
	font-weight: bold;
}
.mini p{ font-size: 14px;}

.minileft{
	width: 540px;
	float: right;
}
.miniright{
	float: left;
	width:240px;
}
.miniright img{
	width:240px;
	height: auto;
}
.mini p{
	word-wrap : break-word;
	overflow-wrap : break-word;
	font-size:13px;
	line-height: 22px;
}
/*空室検索*/
.search_wp{
	width: 100%;
	height: 412px;
	padding: 20px 24px;
	font-size:14px;
	background: url("../img/search/bg.png") repeat top center;
	border-radius: 6px;
	margin-bottom: 20px;
}
.search_wp div{	margin-bottom: 16px; color:#330d0e;}
.search_wp h3{ margin: 0 0 14px 0;}
.search_wp h4 span{ font-size: 12px;}
.search_wp input,
.search_wp select{
	font-size:13px;
	color:#330d0e;
	background: rgba(231,205,205,1);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid rgba(231,205,205,1);
}
.search_wp .search_btn input{ border: none;}
.search_wp input[type="text"]{
	width:100%;
	height:22px;
	color:#330d0e;
	padding: 2px 5px;
}
.search_wp select{
	width:100%;
	height:22px;
	color:#330d0e;
	padding: 0 5px;
	background: url("../img/base/arrow01.png") 95% 50% no-repeat rgba(231,205,205,1);
}
.search_wp .check_in label{
	position: relative;
	display: block;
	word-break: break-all;
	line-height: 1.2;
}
.search_wp .check_in label input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.search_wp .check_in label input[type="checkbox"] + span{
	position: relative;
  	padding: 0 0 0 0;
	font-size: 12px;
}
.search_wp .check_in label input[type="checkbox"] + span::before{
  border-color: #a73e40;
}
.search_wp .check_in label input[type="checkbox"]:checked + span::before {
  background-color: #fff;
}
.search_wp .check_in label input[type="checkbox"] + span::before, .search_wp .check_in label input[type="checkbox"] + span::after {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: '';
  box-sizing: border-box;
}
.search_wp .check_in label input[type="checkbox"] + span::before {
  z-index: 0;
  background-color: rgba(231,205,205,1);
  width: 12px;
  height: 12px;
  margin: 2px 0 0 56px;
}
.search_wp .check_in label input[type="checkbox"] + span::after {
  z-index: 1;
  margin: 2px 59px;
  width: 6px;
  height: 9px;
}
.search_wp .check_in label input[type="checkbox"]:checked + span::before {
  background-color: rgba(231,205,205,1);
}
.search_wp .check_in label input[type="checkbox"]:checked + span::after {
  border: 2px solid #a73e40;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.search_wp .check_in span img{ vertical-align: middle;}
.search_wp .price select{ width:44%;}
.search_wp .search_btn input{
	background:none;
	cursor: pointer;
	-webkit-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
.search_wp .search_btn input:hover{ opacity: 0.6;}