@charset "UTF-8";
/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Copyright (c) Best Bridge LLC. All Rights Reserved.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Original source code and design structure.
Unauthorized reproduction prohibited.

閲覧・学習目的での参照は問題ありませんが、
本コードおよびデザイン構造の全部または一部を、
無断で複製・流用・再配布することを禁止します。

本コードは制作履歴・公開履歴・電子署名等により
権利保全を行っています。

本コード特有の
設計思想／構造設計／命名規則／記述順／レイアウト構成
には識別性があります。

一般的CSSとは異なる独自設計のため、
類似構造や類似記述は、
コード圧縮／難読化／改行変更／変数化後でも、
構造的特徴および設計パターンから
識別・照合可能です。

無断流用・模倣・構造複製が確認された場合、
利用停止要請・権利侵害通知・法的措置を含む
対応を行う場合があります。
*/

/*==============================================================
#page_search
==============================================================*/
#page_search{
z-index:4000;
/*--*/
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:60px max(5%,calc((100% - 700px) / 2));
background-color:#F3F2EF;
}

#page_search>div#chose{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:10px;
padding:20px;
background-color:#FFF;
}


/*==h2==*/
#page_search>div#chose>h2{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:30px;
border:0;
padding:0 0 0 30px;
/*--*/
text-align:left;
line-height:1.6;
font-size:1rem;
font-weight:bold;
color:#666;
}

#page_search>div#chose>h2::before{
position:absolute;
top:0;
left:0;
/*--*/
content:url(../img/all_icon_glass.png);
}

#page_search>div#chose>div.wrap {
display:flex;
width:100%;
height:auto;
margin:0 auto 30px auto;
border:0;
padding:0;
/*--*/
align-items:stretch;/*縦揃え*/
flex-direction:row;/*方向*/
flex-wrap:wrap;/*改行*/
justify-content:space-between;/*横揃え*/
}

#page_search>div#chose>div.wrap>select.menu{
display:block;
flex-basis:48%;
height:auto;
margin-bottom:10px;
border:solid 1px #693;
border-radius:50px;
padding:12px 40px 12px 20px;
/*--*/
text-align:left;
line-height:1.6;
font-size:1rem;
font-weight:bold;
color:#333;
outline:none;
cursor:pointer;
/*-- 矢印設定--*/
background-color:#FFF;
background-image:url("../img/all_icon_arrow_down_black.png");
background-repeat:no-repeat;/* 画像が繰り返されるのを防ぐ */
background-position:right 14px center;
background-size:14px auto;
}

/* プルダウンを開いている時の枠線（フォーカス時）の処理 */
#page_search>div#chose>div.wrap>select.menu:focus{
border:solid 1px #693;
}

/*==============================================================
検索結果
==============================================================*/
#page_search>div#chose>h3{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0 auto 30px auto;
border-left:solid 10px #693;
padding:20px 0 20px 10px;
/*--*/
text-align:left;
line-height:1.6;
font-size:1rem;
font-weight:bold;
color:#333;
}

#page_search>div#chose>ul.kekka{
position:relative;
/*--*/
display:flex;
width:100%;
height:auto;
margin:0 auto 30px auto;
border:0;
padding:0;
background-color:#FFF;
/*--*/
flex-direction:row;/*方向　左から右*/
flex-wrap:wrap;/*改行*/
justify-content:space-between;/*横揃え均等間隔左右なし*/
align-items:stretch;/*縦揃え*/
}


/*==li==*/
#page_search>div#chose>ul.kekka>li{
position:relative;
/*--*/
display:block;
flex-basis:48%;
height:auto;
margin-bottom:10px;
border:0;
padding:0;
}

@media screen and (max-width:500px){
#page_search>div#chose>ul.kekka>li{
flex-basis:100%;
}
}


/*==a==*/
#page_search>div#chose>ul.kekka>li>a{
position:relative;
/*--*/
display:block;
width:100%;
height:100%;
margin:0;
border:solid 2px #EFEFEF;
border-radius:5px;
padding:12px 10px 12px 36px;
background-color:#FFF;
/*--*/
text-align:left;
line-height:1.4;
font-size:1rem;
font-weight:bold;
color:#666;
}

#page_search>div#chose>ul.kekka>li>a{
position:relative;
/*--*/
display:block;
width:100%;
height:100%;
margin:0;
border:solid 2px #EFEFEF;
border-radius:5px;
padding:12px 10px 12px 36px;
background-color:#FFF;
/*--*/
text-align:left;
line-height:1.4;
font-size:1rem;
font-weight:bold;
color:#666;
}

#page_search>div#chose>ul.kekka>li>a::before{
position:absolute;
top:12px;
left:10px;
content:url(../img/all_icon_arrow_down_grn.png);
}