@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
*/
/*キャリアリープ追加ここから*/
.new_wrap{
width:1000px;
margin:0 auto;
}
.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:32px;
margin:0 0 40px!important;
}
.design_button.type2 a{
background:#98f203;
color:#000;
}
.design_button.type2 a:hover{
background:#64a501;
}
/*近隣店舗一覧*/
.kinrin table{
}
.kinrin table th,.kinrin table td{
border-left:none;
border-top:none;
border-right:none;
background:none;
text-align:left;
}
.kinrin table td{
background:url("images/map.png") 10px 50% no-repeat;
padding-left:30px;
}
/*ヘッドミント６つの特徴*/
.tokucho {
margin-top:40px;
}
.tokucho div{
width:33.3%;
height:300px;
float:left;
text-align:left;
}
.tokucho div p{
text-align:left;
padding:10px 3px 0;
margin:0;
line-height:1.3;
}

/*良質な睡眠の重要性*/
.tokutyo6 h3.fc_kamei{
position:static;
color:#d8f833;
text-align:center;
font-size:32px;
}
.cl_slash {
  align-items: center; /* 線を上下中央 */
  display: flex; /* 文字と横線を横並び */
  justify-content: center; /* 文字を中央寄せ */
margin:0!important;
padding:0!important;
font-size:18px;
font-weight:bold;
}
.cl_slash::before,
.cl_slash::after {
  background-color: #000; /* 線の色 */
  content: "";
  height: 3px; /* 線の高さ */
  width: 20px; /* 線の長さ */
}
.cl_slash::before {
  margin-right: 10px; /* 文字との余白 */
  transform: rotate(60deg); /* 傾ける */
}
.cl_slash::after {
  margin-left: 10px; /* 文字との余白 */
  transform: rotate(-60deg); /* 傾ける */
}
.suimin div{
width:50%;
height:280px;
float:left;
text-align:center;
}
.suimin div p{
line-height:1.8;
text-align:left;
margin:0 0 0;
padding-top:10px;
}
.checkmark002{
	padding-left:24px;
	position:relative;
font-size:18px;
}

.checkmark002:before,
.checkmark002:after{
	content:"";
	display:block;
	position:absolute;
}
.checkmark002:before{
	width:16px;
	height:16px;
	border-radius:8px;
	background:#000;
	border:1px solid #000000;
	left:0;top:2px;
}
.checkmark002:after{
	border-left:2px solid #fff;
	border-bottom:2px solid #fff;
	width:6px;
	height:3px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:5px;
	top:7px;
}
.arrow_box{
	margin-top:20px;
    position:relative;
    width:1000px;
    height:350px;
    background:#fff;
    padding:10px;
    text-align:center;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.arrow_box:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(255, 255, 255, 0);
    border-top-width:36px;
    border-bottom-width:36px;
    border-left-width:19px;
    border-right-width:19px;
    margin-left: -19px;
    border-bottom-color:#fff;
    bottom:100%;
    right:20%;
}
.arrow_box-sp{
	margin-top:20px;
    position:relative;
    width:auto;
    height:auto;
    background:#fff;
    padding:10px;
    text-align:center;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.arrow_box-sp:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(255, 255, 255, 0);
    border-top-width:36px;
    border-bottom-width:36px;
    border-left-width:19px;
    border-right-width:19px;
    margin-left: -19px;
    border-bottom-color:#fff;
    bottom:100%;
    left:20%;
}

.suimin-text{
position:absolute;
top:120px;
left:100px;
font-weight:bold;
font-size:18px;
}
.suimin-img{
position:absolute;
top:30px;
right:50px;
}



/*メニュー*/
.head_menu{
}
.head_menu table th{
text-align:left;
border-left:none;
border-right:none;
background:none;
}
.head_menu table th span{
color:#54c3e0;
font-size:18px;
font-weight:bold;
}
.head_menu table td{
text-align:right;
vertical-align:bottom;
border-left:none;
border-right:none;
background:none;
}
.video-container {
margin-top:40px;
text-align:center;
}

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

/*よくある質問*/
.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;
}

/*スタッフページ*/
.staff{
width:50%;
height:400px;
float:left;
}
.staff .staff_image{
float:left;
width:160px;
height:auto;
padding-right:10px;
}
.staff p{
font-size:14px;
margin:0 0 1.2em 0;
padding:0 1em 0 0;
line-height:1.2;
}
.staff .staff_shop {
color:#e57b5c;
font-size:16px;
font-weight:bold;
margin:0 0 0.5em 0;
}
.staff .staff_name {
font-size:18px;
font-weight:bold;
}
.staff .staff_prof::before {
content:'｜';
}

.staff_button{
margin-top:20px;
}

/*店舗一覧*/
.post_content .shop_list{
padding-top:40px;
}
.main-box.shop_list{
overflow:hidden;
padding:0;
}
.shop_box{
width:33.3%;
height:550px;
float:left;
padding:10px 5px 30px;
box-sizing:border-box;
}
.shop_box p{
padding:4px 0!important;
margin:0;
}
.shop_box a{
/*color:#252525;*/
}
.shop_box a:hover{
/*color:#00d300;*/
}
.shop_box .shop_image{
position: relative;
}
.shop_box .shop_image img{
width:100%;
height:auto;
filter: brightness(70%);
}
.shop_box p.shop_image_text{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color:#fff;
font-weight:bold;
text-align:center;
line-height:1.3rem;
}
.shop_box p.shop_name{
font-size:110%;
height:3rem;
line-height:1.2rem;
}
.shop_box p.shop_addr{
font-size:80%;
height:3rem;
line-height:1rem;
}
.shop_box p.shop_map{
font-size:80%;
}
.shop_box p.shop_tel{
color:#00cbff;
}
.shop_box p.shop_reserve a{
background:#98f203;
display:block;
cursor:pointer;
text-decoration:none;
padding:10px 0;
text-align:center;
color:#000;
border-radius:60px;
}
.shop_box p.shop_reserve a:hover{
}
.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 #968e87;
border-radius:0;
font-size:1rem;
/*color:#252525;*/
/*background:#fcfcfc;*/
width:300px;
vertical-align : top;
}

.shop_search input[type="submit"],.shop_search input[type="reset"],.shop_search input[type="button"]{
padding:0px 40px;
color:#fff;
/*background: #27b80a;*/
background:#98f203;
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{
}



/*フッター*/
.fix_menu_bottom {
    display: none;
}



@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;
}

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

/*ヘッドミント６つの特徴*/
.tokucho div{
width:100%;
height:auto;
float:none;
margin-bottom:20px;
}
.tokucho div p{
font-size:16px;
}




/*良質な睡眠*/
.suimin div{
width:100%;
height:auto;
float:none;
margin-bottom:0px;
padding-bottom:30px;
}

.suimin-text{
position:static;
}
.suimin-img{
position:static;
}


/*メニュー*/
.head_menu{
margin:0;
padding:0;
overflow:auto;
width:100%;
border-collapse: collapse;
}
.head_menu table th,.head_menu table td{
display: block;
width: 100%;
white-space:normal;
border-collapse: collapse;
padding-left:0;
padding-right:0;
}
.head_menu  table th{
border-top:1px #ddd solid;
border-bottom:none;
padding-bottom:0;
}
.head_menu  table td{
border-top:none;
border-bottom:1px #ddd solid;
}

.video-container {
width: 100%;
aspect-ratio: 16 / 9;
}
.video-container iframe{
width: 100%;
height: 100%;
}
/*店舗情報*/
.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%;
}

/*スタッフページ*/
.staff{
width:100%;
height:auto;
float:none;
margin-bottom:40px;
}
.staff .staff_image{
float:left;
width:160px;
height:auto;
padding-right:10px;
}
.staff p{
font-size:14px;
margin:0;
padding:0;
}
.staff .staff_shop {
color:#e57b5c;
font-size:16px;
font-weight:bold;
margin:0 0 0.5em 0;
padding:0;
line-height:1.0;
}
.staff .staff_name {
font-size:18px;
font-weight:bold;
margin:0 0 1em 0;
padding:0;
line-height:1.0;
}
.staff .staff_prof {
margin:0;
padding:0;
line-height:1.0;
margin:0 0 1em 0;
}
.staff .staff_prof::before {
content:'｜';
}
.staff .staff_comm {
margin:0;
padding:0;
line-height:1.4;
}

/*店舗一覧*/
.post_content .shop_list{
width:100%;
}
.shop_box{
width:50%;
height:600px;
}
.shop_box p.shop_image_text{
font-size:80%;
line-height:1.1rem;
}
.shop_box p.shop_name{
font-size:90%;
line-height:1rem;
}
.shop_box p.shop_addr{
line-height:1rem;
}
.shop_search {
padding:20px 5px 10px;
text-align:left;
}
.shop_search input{
margin-bottom:10px;
}
.shop_search input[type="text"],.shop_search select{
width:50%;
}

/*フッター*/
    .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) {
.shop_box{
width:50%;
height:450px;
}
.shop_box p.shop_name{
line-height:1.2rem;
}
/*なぜかSP時に検索結果画面だけ検索条件上にマージンが出来ることへの対処*/
.search #main_col{
padding:0; 
}
}

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