/*===============================================
●s_syokumap.css 画面の横幅が640pxまで スマホ版
===============================================*/

@media screen and (max-width:640px){

img{
max-width: 100%;
height: auto;
}

#container{
width:100%;
}

.pc{
	display:none;
}

.smart{
	display:block;
	overflow:hidden;
}

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

/* TOP画面 お店情報の見方の親要素  */
.mikata{
    position: relative;
    width:100%;
}

/* TOP画面 お店情報の見方  */
.d_mikata{
    position: absolute;
    top:120px;
    left: 4%;
    background-color: #ffffff;
    border: 2px solid #bd114e;
    border-radius: 5px;
    padding: 10px;
    box-shadow:5px 5px 10px;
}

/* TOP画面 お店情報の見方 三角形の吹き出し部分  */
.d_mikata:before {
  display: block;
  position: absolute;
  border-top-width: 16px;
  border-right-width: 10px;
  border-bottom-width: 0px;
  border-left-width: 10px;
  border-color: #bd114e transparent;
  border-style: solid;
  bottom: -16px;
  left: 30%;
  content: "";
}

/* TOP画面 お店情報の見方 三角形の吹き出し部分  */
.d_mikata:after {
  display: block;
  position: absolute;
  border-top-width: 16px;
  border-right-width: 10px;
  border-bottom-width: 0px;
  border-left-width: 10px;
  border-color: #fff transparent;
  border-style: solid;
  bottom: -14px;
  left: 30%;
  content: "";
}


/* TOP画面 検索ポップアップの親要素  */
.s_content{
    position: relative;
    width:100%;
}

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

/* TOP画面 検索ポップアップ(エリア) 三角形の吹き出し部分  */
.sm_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: 9%;
  content: "";
}

/* TOP画面 検索ポップアップ(エリア) 三角形の吹き出し部分  */
.sm_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: 9%;
  content: "";
}

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

/* TOP画面 検索ポップアップ(ジャンル) 三角形の吹き出し部分  */
.sm_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: 34%;
  content: "";
}

/* TOP画面 検索ポップアップ(ジャンル) 三角形の吹き出し部分  */
.sm_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: 34%;
  content: "";
}


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

/* 検索結果画面 検索ポップアップの親要素  */
.s_content2{
    position: relative;
    width:100%;
}

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

/* 検索結果画面 検索ポップアップ(エリア) 三角形の吹き出し部分  */
.sm_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: 9%;
  content: "";
}

/* 検索結果画面 検索ポップアップ(エリア) 三角形の吹き出し部分  */
.sm_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: 9%;
  content: "";
}

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

/* 検索結果画面 検索ポップアップ(ジャンル) 三角形の吹き出し部分  */
.sm_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: 34%;
  content: "";
}

/* 検索結果画面 検索ポップアップ(ジャンル) 三角形の吹き出し部分  */
.sm_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: 34%;
  content: "";
}


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

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

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

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

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


body {
    -webkit-text-size-adjust: 100%;
}

/* 検索結果画面 親要素  */
.s_header{
    position: relative;
    width:100%;
}

/*  検索結果画面 フリー検索入力エリア  */
.s_free_input{
    position: absolute;
    top:35%;
    left: 0%;
}

/*  検索結果画面 検索ボタン  */
.search_btn{
    position: absolute;
    top:55%;
    left: 0%;
}

/* フッター親要素  */
.s_footer{
    position: relative;
    width:100%;
}

/*  フッター情報  */
.footer_info{
    position: absolute;
    top:7%;
    left: 2%;
    font-size:62%;
}
 
}

@media only screen and (orientation : landscape) { /*横向きの際に適用*/

input,
textarea,
select {
    font-size: 16px;
}

}