/*===============================================
●p_syokumap.css 画面の横幅が641px以上  PC,タブレット
===============================================*/

@media screen and (min-width:641px){

.pc{
	display:block;
}

.smart{
	display:none;
}

/******** TOP画面関連 ************/

/* TOP画面 検索ポップアップの親要素  */
.content{
    position: relative;
    width:650px;
    margin-left:-25px;
}

/* TOP画面 検索ポップアップ(エリア)  */
.s_area{
    position: absolute;
    top: 5px;
    left: 4%;
    background-color: #ffffff;
    border: 1px solid #796a56;
    border-radius: 5px;
    padding: 10px;
}

/* TOP画面 検索ポップアップ(エリア) 三角形の吹き出し部分  */
.s_area:before {
  display: block;
  position: absolute;
  border-top-width: 0px;
  border-right-width: 10px;
  border-bottom-width: 16px;
  border-left-width: 10px;
  border-color: #796a56 transparent;
  border-style: solid;
  top: -16px;
  left: 14%;
  content: "";
}

/* TOP画面 検索ポップアップ(エリア) 三角形の吹き出し部分  */
.s_area:after {
  display: block;
  position: absolute;
  border-top-width: 0px;
  border-right-width: 10px;
  border-bottom-width: 16px;
  border-left-width: 10px;
  border-color: #fff transparent;
  border-style: solid;
  top: -14px;
  left: 14%;
  content: "";
}

/* TOP画面 検索ポップアップ(ジャンル)  */
.s_genre{
    position: absolute;
    top: 5px;
    left: 4%;
    background-color: #ffffff;
    border: 1px solid #796a56;
    border-radius: 5px;
    padding: 10px;
}

/* TOP画面 検索ポップアップ(ジャンル) 三角形の吹き出し部分  */
.s_genre:before {
  display: block;
  position: absolute;
  border-top-width: 0px;
  border-right-width: 10px;
  border-bottom-width: 16px;
  border-left-width: 10px;
  border-color: #796a56 transparent;
  border-style: solid;
  top: -16px;
  left: 37%;
  content: "";
}

/* TOP画面 検索ポップアップ(ジャンル) 三角形の吹き出し部分  */
.s_genre:after {
  display: block;
  position: absolute;
  border-top-width: 0px;
  border-right-width: 10px;
  border-bottom-width: 16px;
  border-left-width: 10px;
  border-color: #fff transparent;
  border-style: solid;
  top: -14px;
  left: 37%;
  content: "";
}

/**************** 検索画面関連 ****************************/

/* 検索結果画面 検索ポップアップの親要素 */
.content2{
    position: relative;
    width:680px;
    margin-left:-115px;
}

/* 検索結果画面 検索ポップアップ(エリア)  */
.s_area2{
    position: absolute;
    top: 10px;
    left: 4%;
    background-color: #ffffff;
    border: 1px solid #796a56;
    border-radius: 5px;
    padding: 10px;
}

/* 検索結果画面 検索ポップアップ(エリア) 三角形の吹き出し部分  */
.s_area2:before {
  display: block;
  position: absolute;
  border-top-width: 0px;
  border-right-width: 10px;
  border-bottom-width: 16px;
  border-left-width: 10px;
  border-color: #796a56 transparent;
  border-style: solid;
  top: -16px;
  left: 22%;
  content: "";
}

/* 検索結果画面 検索ポップアップ(エリア) 三角形の吹き出し部分  */
.s_area2:after {
  display: block;
  position: absolute;
  border-top-width: 0px;
  border-right-width: 10px;
  border-bottom-width: 16px;
  border-left-width: 10px;
  border-color: #fff transparent;
  border-style: solid;
  top: -14px;
  left: 22%;
  content: "";
}

/* 検索結果画面 検索ポップアップ(ジャンル)  */
.s_genre2{
    position: absolute;
    top: 10px;
    left: 4%;
    background-color: #ffffff;
    border: 1px solid #796a56;
    border-radius: 5px;
    padding: 10px;
}

/* 検索結果画面 検索ポップアップ(ジャンル) 三角形の吹き出し部分  */
.s_genre2:before {
  display: block;
  position: absolute;
  border-top-width: 0px;
  border-right-width: 10px;
  border-bottom-width: 16px;
  border-left-width: 10px;
  border-color: #796a56 transparent;
  border-style: solid;
  top: -16px;
  left: 44%;
  content: "";
}

/* 検索結果画面 検索ポップアップ(ジャンル) 三角形の吹き出し部分  */
.s_genre2:after {
  display: block;
  position: absolute;
  border-top-width: 0px;
  border-right-width: 10px;
  border-bottom-width: 16px;
  border-left-width: 10px;
  border-color: #fff transparent;
  border-style: solid;
  top: -14px;
  left: 44%;
  content: "";
}

/*********** その他 ************/

/* 検索結果 */
.jyoken{
	box-shadow:5px 5px 10px;
    background-color: #ffffff;
    border: 1px solid #796a56;
    border-radius: 5px;
    padding: 10px;
}

.s_detail{
    background-color: #f0eee2;
    border-radius: 8px;
}

.jyoken_item{
	background-color:#FFE4C4;
	box-shadow:1px 1px 3px;
	margin-right:10px;
	margin-bottom:5px;
	display:block;
	padding-top:1px;
}

/* ページング部分 */
.page{
    margin: 0 auto;
}

a {
	text-decoration: none;
}

a:link{
	color:#796a56;
}

input[type="text"], select { 
 outline: none;
}

}