@charset "utf-8";
/*
Theme Name:QUADRA Child
Theme URI:
Description:WordPressテーマ「QUADRA」の自作子テーマです。
Template:quadra_biz001
Author:CAREER LEAP
Author URI:https://tcd-theme.com/
Version:1.7.1
*/
/*店舗一覧用スタイル*/
/*
#container{
background:#ccc!important;
}
*/
.new_wrap{
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif!important;
margin:0 auto 0;
padding:20px 0;
}
.new_wrap a{
text-decoration:none;
}

.box_left{
float:left;
}
.box_right{
float:right;
}
.cl_button{
width:240px;
height:60px;
}


.post_content h2.cl_h2_2{
text-align:center;
font-size:32px;
margin:0 0 60px!important;
}
.post_content h2.cl_h2_2 span{
text-align:center;
font-size:14px;
position: relative;
display:block;
}
.post_content h2.cl_h2_2 span::before {
  content: '';
  width: 110px;
  height: 2px;
  display: inline-block;
  background-color: #b8a282;
  position: absolute;
  top: -5px;
  left: calc(50% - 55px)
}
.post_content .shop_list{
padding-top:20px;
}
.shop_list h2.cl_h2_2{
margin:0!important;
padding:0;
}
.shop_box .box_left,.shop_box .box_right{
width:46%;
margin:0 2% 20px;
}
.post_content .shop_box p{
line-height:1.5;
margin:0 0 20px;
}
.shop_box p.shop_name a{
font-size:26px;
}
.shop_box p.shop_tel{
font-size:120%;
}
.shop_box p.shop_tel a{
color:#333;
}
.shop_search {
text-align:center;
}
.shop_search input[type="text"],.shop_search select{
max-width:50%;
line-height:1rem;
height:40px;
padding:0px 5px;
border:1px solid #0954da;
border-radius:0;
font-size:1rem;
width:300px;
vertical-align : top;
color:#333;
}

.shop_search input[type="submit"],.shop_search input[type="reset"],.shop_search input[type="button"]{
padding:0px 40px;
color:#fff;
background:#0954da;
border:0;
font-size:1rem;
height:40px;
vertical-align : top;
margin-right:20px;
border-radius:0;
cursor:pointer;
}

.shop_search input[type="submit"]:hover,.shop_search input[type="reset"]:hover,.shop_search input[type="button"]:hover{
}
.bd{
border-bottom:2px #0954da solid;
margin:40px 0;
}




@media only screen and (max-width:790px){
.new_wrap{
width:auto;
}
.box_left{
float:none;
width:auto;
}
.box_right{
float:none;
width:auto;
}


.post_content .shop_list{
width:100%;
}
.shop_box .box_left,.shop_box .box_right{
width:100%;
margin:0 0 20px;
}
.post_content .shop_box p{
}

.shop_search input[type="text"],.shop_search select{
width:100%;
max-width:100%;
margin:0;
}

.shop_search input[type="submit"],.shop_search input[type="reset"],.shop_search input[type="button"]{
width:100%;
padding:0;
margin:0;
}

.shop_search input[type="submit"]:hover,.shop_search input[type="reset"]:hover,.shop_search input[type="button"]:hover{
}
.bd{
border-bottom:2px #b8a282 solid;
margin:10px 0;
}


}


@media only screen and (max-width: 640px) {
/*なぜかSP時に検索結果画面だけ検索条件上にマージンが出来ることへの対処*/
.search #main_col{
padding:0; 
}

}