@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
*/
/*キャリアリープ追加ここから*/
/*
a{
color:#1d3994!important;
text-decoration:underline!important;
}
*/
/*テーマデフォルト変更*/
#global_menu > ul > li > a {
color:#524407;
}
.site_description{
color:#524407;
}
.post_content p{
line-height:2!important;
}
h1.title,p.title{
color:#b8a282!important;
}


.new_wrap{
/*width:900px;*/
margin:0 auto 0;
padding:20px 0;
font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.no-padding-top{
padding-top:0;
}
.clear{
clear:both;
}
.pc{
display:block;
}
.sp{
display:none;
}
.bule{
color:#5ec8e2;
}
.orange{
color:#f98542;
}

.cl_main-pc{
}
.cl_main-pc img{
width:100%;
height:auto;
}
.cl_main-sp{
display:none;
}
.post_content h2.cl_h2{
text-align:center;
font-size:46px;
margin:0 0 60px!important;
color:#b8a282;
position: relative;
}
.post_content h2.cl_h2::after {
  content: '';
  width: 180px;
  height: 2px;
  display: inline-block;
  background-color: #b8a282;
  position: absolute;
  bottom: -5px;
  left: calc(50% - 90px)
}
.post_content h2.cl_h2_2{
text-align:center;
font-size:46px;
margin:0 0 60px!important;
color:#b8a282;
}
.post_content h2.cl_h2_2 span{
text-align:center;
font-size:14px;
/*color:#b8a282;*/
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)
}
.str{
background:linear-gradient(transparent 70%, #b8a282 0%);
}

.design_button.type2 a{
background:#98f203;
color:#000;
}
.design_button.type2 a:hover{
background:#64a501;
}
.cl_button{
width:240px;
height:60px;
}
/*近隣店舗一覧*/
.kinrin table{
}
.kinrin .s_table{
overflow:visible;
white-space: normal;
}

.post_content .kinrin table th,.kinrin table td{
border-left:0;
border-top:0;
border-right:0;
background:none;
text-align:left;
}
.kinrin table td{
background:url("images/map.png") 10px 50% no-repeat;
padding-left:30px;
}

.box_left{
float:left;
}
.box_right{
float:right;
}



/*選ばれる理由 */
.post_content .choosing h3{
font-size:32px;
padding-top:60px;
}
.post_content .choosing h3 span{
color:#b8a282;
padding-right:4px;
font-size:62px;
vertical-align : middle;
}
.choosing img{
width:400px;
height:auto;
}
.bd{
border-bottom:2px #b8a282 solid;
margin:40px 0;
}
.choosing .box_left,.choosing .box_right{
max-width:60%;
}

/*こんな方におすすめ*/
.recommend ul{
list-style:none!important;
font-size:24px;
margin-top:40px;
}
.recommend .box_left,.recommend .box_right{
width:50%;
}
.recommend .box_left{
text-align:center;
}
.checkmark000{
	padding-left:24px;
	padding-right:10px;
	position:relative;
}
.checkmark000:before,
.checkmark000:after{
	content:"";
	display:block;
	position:absolute;
}
.checkmark000:before{
	width:24px;
	height:24px;
	background:#ffffff;
    	border:3px solid #b8a282;
	left:0;top:2px;
}
.checkmark000:after{
	border-left:3px solid #b8a282;
	border-bottom:3px solid #b8a282;
	width:12px;
	height:6px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:7px;
	top:9px;
}
.triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 80px solid transparent;
  border-left: 80px solid transparent;
  border-top: 100px solid #eee;
  border-bottom: 0;
  margin:40px auto;
}
.post_content .recommend h3{
font-size:48px;
}
.post_content .recommend h3 span{
color:#b8a282;
}



/*メニュー*/
.head_menu{
background-image:url("images/menu.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.post_content .head_menu h2.cl_h2_2{
color:#fff;
padding:60px 0 40px;
}
.head_menu_list .s_table{
overflow:visible;
white-space: normal;
}
.head_menu_list table{
border:none;
width:100%;
overflow:visible;
white-space: normal;
}
.head_menu_list table th{
border:none;
text-align:left;
background:none;
padding:30px 0 10px;
font-size:32px;
color:#b8a282;
vertical-align:middle;
}
.head_menu_list table th h3{
border-left:3px #b8a282 solid;
padding-left:10px;
}
.head_menu_list table th span{
font-size:38px;
}
.head_menu_list table td{
border:none;
background:none;
padding:10px 0 10px;
}
.head_menu_list table td.price{
vertical-align:middle;
text-align:right;
font-size:36px;
font-weight:bold;
}
.head_menu_list table td.body{
border-bottom:1px #b8a282 solid;
padding-bottom:30px;
}
.video-container {
margin-top:40px;
text-align:center;
}

/*流れ*/
.flow .box_left,.flow .box_right{
width:46%;
margin:0 2% 20px;
}
.flow h3{
background:#b8a282;
color:#fff;
padding:10px!important;
}
.flow img{
margin-bottom:20px;
}

/*店舗情報*/
.shop img{
width:400px;
height:auto;
margin-right:20px;
}
.shop table{
}
.shop table th,.shop table td{
border:none;
border-bottom:1px #b8a282 solid;
background:none;
text-align:left;
padding-top:10px;
padding-bottom:10px;
white-space:normal;
}
.shop table th{
width:80px;
color:#b8a282;
}

/*よくある質問*/
.accordion_type1{
background:#fff;
}
.accordion_type1 h3 span{
color:#000;
}
.accordion_type1 h3:first-letter{
color:#e57b5c;
}
.accordion_type1 p.desc{
padding:1em 1em 1em 2em!important;
}
.accordion_type1 p.desc:first-letter{
color:#00ceff;
}


/*店舗一覧*/
.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{
color:#b8a282;
font-size:26px;
}
.shop_box p.shop_tel{
font-size:120%;
}
.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 #b49c7a;
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:#b49c7a;
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{
}

/*デザイン一覧*/
.post_content .design_list{
padding-top:20px;
}
.design_list h2.cl_h2_2{
margin:0!important;
padding:0;
}
.design_box .box_left{
width:46%;
margin:0 2% 40px;
}
.design_box .design_image{
margin:0 0 10px;
}
.post_content .design_box p{
line-height:1.5;
margin:0 0 20px;
}
.design_box p.design_name a{
color:#b8a282;
font-size:22px;
}
.design_box p.design_word{
font-size:80%;
}

.design_search {
text-align:center;
}
.design_search input[type="text"],.design_search select{
max-width:33%;
line-height:1rem;
height:40px;
padding:0px 5px;
border:1px solid #b49c7a;
border-radius:0;
font-size:1rem;
width:230px;
vertical-align : top;
color:#333;
}

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

.design_search input[type="submit"]:hover,.design_search input[type="reset"]:hover,.design_search input[type="button"]:hover{
}


/*フッター*/
.fix_menu_bottom {
    display: none;
}
#footer .footer_menu ul li a{
color:#524407;
}
#footer .footer_menu ul li a:hover{
color:#938107;
}
#copyright{
color:#000;
}


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

.pc{
display:none;
}
.sp{
display:block;
}
.alignleft{
float:none!important;
}
.alignright{
float:none!important;
}
/*スマホ時のブログの左右マージンを省く*/
#article{
padding-left:3px!important;
padding-right:3px!important;
width:auto!important;
box-sizing:border-box!important;
}
#blog_title,#post_title{
/*左にマイナスのマージンが設定されているので*/
margin-left:0!important;
width:100%!important;
}
.cl_main-pc{
display:none;
}
.cl_main-sp{
display:block;
}
.cl_main-sp img{
width:100%;
height:auto;
}
.box_left{
float:none;
width:auto;
}
.box_right{
float:none;
width:auto;
}

.post_content h2.cl_h2,.post_content h2.cl_h2_2{
/*font-size:32px;*/
}




/*近隣店舗一覧*/
.kinrin table{
margin:0;
padding:0;
overflow:auto;
width:100%;
border-collapse: collapse;
}
.kinrin table th,.kinrin table td{
display: block;
width: 100%;
white-space:normal;
border-collapse: collapse;
padding-left:0;
padding-right:0;
box-sizing:border-box;
}
.kinrin table th{
border-top:1px #ddd solid;
border-bottom:none;
padding-bottom:0;
}
.kinrin table td{
border-top:none;
border-bottom:1px #ddd solid;
padding-left:20px;
background:url("images/map.png") 0 50% no-repeat;
}

/*選ばれる理由*/
.post_content .choosing h3{
font-size:22px;
padding-top:0;
vertical-align : middle;
}
.post_content .choosing h3 span{
font-size:32px;
}
.choosing img{
width:100%;
height:auto;
}
.bd{
border-bottom:2px #b8a282 solid;
margin:10px 0;
}

/*こんな方におすすめ*/
.recommend ul{
font-size:18px;
margin0;
}
.post_content .recommend h3{
font-size:28px;
}
.recommend .box_left,.recommend .box_right{
width:100%;
}
.recommend .box_left img,.recommend .box_right img{
width:80%;
height:auto;
}

.checkmark000{
	padding-left:24px;
	padding-right:10px;
	position:relative;
}
.checkmark000:before,
.checkmark000:after{
	content:"";
	display:block;
	position:absolute;
}
.checkmark000:before{
	width:14px;
	height:14px;
	background:#ffffff;
    	border:3px solid #b8a282;
	left:0;top:2px;
}
.checkmark000:after{
	border-left:3px solid #b8a282;
	border-bottom:3px solid #b8a282;
	width:12px;
	height:6px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:4px;
	top:4px;
}
.triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 40px solid transparent;
  border-left: 40px solid transparent;
  border-top: 50px solid #eee;
  border-bottom: 0;
  margin:40px auto;
}

/*メニュー*/
.post_content .head_menu h2.cl_h2_2{
padding:0;
}
.head_menu_list{
overflow:auto;
width:100%;
border-collapse: collapse;
}

.head_menu_list table th{
font-size:12px;
}
.head_menu_list table th span{
font-size:16px;
}
.head_menu_list table td.price{
font-size:18px;
}

/*流れ*/
.flow .box_left,.flow .box_right{
width:100%;
margin:0 0 30px;
}



/*店舗情報*/
.shop img{
width:100%;
height:auto;
margin-right:0;
}
.shop table{
width:100%;
clear:both;
overflow:auto;
margin-top:20px;
}
.shop table th,.shop table td{
white-space:normal;
padding-left:3px;
padding-right:3px;
}
.shop table th{
width:30%;
}


/*店舗一覧*/
.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{
}


/*デザイン一覧*/
.post_content .design_list{
width:100%;
}
.design_list h2.cl_h2_2{
font-size:36px;
}
.design_box{
margin:0 0 50px;
}

.design_box .box_left{
width:100%;
float:none;
margin:0 0 20px;
}

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

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

.design_search input[type="submit"]:hover,.design_search input[type="reset"]:hover,.design_search input[type="button"]:hover{
}


/*フッター*/
    .fix_menu_bottom {
        display: block;
        width: 100%;
        box-sizing: border-box;
			padding:0;
        position: fixed;
        bottom: 0px;
        left: 0px;
        z-index: 1100;
        background: #00d300;
    }
    .fix_menu_bottom ul {
        width: 100%;
        text-align: center;
    }
    .fix_menu_bottom li {
        width: 33%;
        display: inline-block;
			padding:0;
        margin: 0;
        box-sizing: border-box;
		border-left:1px solid #fff;
    }
	.fix_menu_bottom li:first-child {
		border-left:none;
	}
    .fix_menu_bottom li a {
        display: block;
        padding: 20px 0 20px 0;
        font-weight: bold;
			font-size:13px;
		color:#fff;
		text-decoration:none;
    }
    .fix_menu_bottom img {
        float: none;
        width: 100%;
    }


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

/*キャリアリープ追加ここまで*/