@charset "utf-8";
/*
 * resposive.css は 991px 以下のデバイスへと反映されます。
 * 
 * ブレイクポイントは標準のLightningテーマおよびBootstrapの理念に基づき
 * sm: 576px　md: 768px　lg: 992px　xl: 1200px　となっているので、それに準じてください。
 * 
*/

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  General　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* :root設定、bodyへの上書き、カラー変数設定など */
html {
    margin-top: unset !important;
}
.admin-bar #wpadminbar {
    visibility: hidden;
}
.admin-bar .vk-mobile-nav-menu-btn {
    top: 5px;
}

body {
	background-image:none;
/*     background-image: url(https://melo-works.com/wp-content/uploads/main_bg-sp.jpg);
    background-attachment: fixed;
  background-size: 100% ; 
  background-repeat: no-repeat;
  background-position: center top;  */
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("https://melo-works.com/wp-content/uploads/main_bg-sp.jpg") center center no-repeat;
  background-size: cover;
  z-index: 0;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 繰り返しボタン・見出し、余白設計など 汎用パーツへの上書き */
.page_top_btn {
    display: block;
    width: 70px;
    height: 60px;

    right: -5px;

}
.is-style-main_midashi .vk_heading_subtext {
    font-size: 44px;
}
.is-style-af-heading-reverse .vk_heading_subtext{
	   font-size: 44px;
}

.basebtn a::after {
    width: 54px;
    height: 8px;
  background-size: 54px 7px;
    right: -30px;
    top: 40%;
}

.txt18 {
    font-size: 16px;
}
.room_box h3 {
    min-width: 86%;
}
.box_title_big{
	position:relative;
}

.box_title_big h3 {
    font-size: 1.5rem;
	    top: -32px;
}

.box_white {
    padding: 30px;
}
.box_white {
  padding: 20px;
  width: 100%;
  margin: auto;
}
.vk_slider_item_container.container .menu_tab .vk_post{
margin: auto;
}
.midashi3 h2 {
    font-size: 30px;
}

.teaser img {
    border-radius: 20px;
    border: 7px solid #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Header, Hamburger ヘッダーまわり・ハンバーガーナビ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
header#site-header {
    min-height: calc(44px + 5px + 5px);
    display: flex;
    align-items: center;
	top:unset;
}

.side_link{
	padding-left:0px;
	
}
.side_link p{
	line-height:1.5;
}
.side_link {
	background-color:#F5609F!important;
	color:#fff!important;
	padding:15px!important;
}
.side_link h3{
	color:#fff!important;
}
#menu-item-5468 {
    margin-left: 0px;
}
#menu-item-5468 a{
	border-radius:0;
	padding-left:10px !important;
	background-color:#fff !important;
	color:#333 !important;
}
.vk-mobile-nav nav ul li a{
	padding:15px !important;
}
.basebtn a {
    font-size: 18px !important;
    min-width: 290px !important;
}

.menu_tab .wp-block-vk-blocks-tab-item {
    box-shadow: 6px 6px 0px #F5609F;
}

.menu_tab--yellow{
	box-shadow: 6px 6px 0px #fcb900;
}
.menu_tab--green {
	box-shadow: 6px 6px 0px #25b484;
}
.menu_tab--blue {
	box-shadow: 6px 6px 0px #479eac;
}
/*追加オレンジ */
.menu_tab--orange {
	box-shadow: 6px 6px 0px #ff6900;
}

/*追加ピンク */
.menu_tab--pink {
	box-shadow: 6px 6px 0px #f5609f;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フッターウィジェット、フッターロゴ、コピーライト */
.site-footer-content{
	display:none;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
.teaser .wp-block-image {
    padding: 20px 0 0;
}
.top_sv_bn .col-12{
	margin-bottom:25px !important;
	margin-top:15px !important;
}
.btn_sv {
    padding: 60px 20px 10px;
}
.btn_sv img{
	width:180px !important;
	    bottom: 90px!important;
}
.btn_sv2 img, .btn_sv3 img {
    bottom: 80px!important;
}


.top_sv_bn-sp .sv_btn_txt1{
	font-size:30px;
	line-height:1.2!important;
}
    .btn_sv2 img {
        bottom: 95px !important;
    }
 .btn_sv3 img {
        bottom: 60px !important;
    }
.top_sv_bn-sp  .btn_sv3 .sv_btn_txt1{
	margin-top:45px !important;
	margin-bottom:8px!important;
}
.basebtn a {
    min-width: 290px !important;
}
.top_about_txt img{
	width:200px !important;
	margin:auto;
}
.top_about_box .wp-block-media-text__content {
    padding-left: 0px !important;
    padding-right: 0px !important;
	 padding-top: 30px !important;
	padding-bottom: 60px !important;
}
.top_about_ti span{
	font-size:38px !important;
}
.txt_special img{
	width:240px !important;
	margin:auto;
}

.special_box h3 {
    padding: 10px 20px;
    top: -32px;
    left: -5%;
    font-size: 20px;
}
.special_box {
    margin-bottom: 80px;
}
.recruit_box {
    width: 100%;
}

.recruit_box  .wp-block-media-text__content{
	padding:30px 0 0
}
.recruit_cp1_big {
    font-size: 28px;
}
.midashi_wakuwaku img{
	width:38px !important;
}
.about_moyou1 {
    position: absolute;
    z-index: 2;
    bottom: 10px;
    right: -20px;
    width: 181px;
}
.image-border-wrapper .wp-block-media-text__media::after {
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    border: 2px solid #ffffff;
}
.recruit_cp1 {
    position: relative;
    font-size: 16px;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Pageheader, Breadcrumb 下層ページヘッダー・パンくずリスト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 下層ページのページヘッダー、パンクズ設定 */

.vk_alert.has-alert-icon {
    grid-template-columns: 1fr;

}
.vk_alert.has-alert-icon>.vk_alert_content{
	border-left:none;
}
.vk_alert_content p{
	margin-bottom:15px;
}
.vk_tab_labels .vk_tab_labels_label.vk_tab_labels_label-state-active, .vk_tab_labels .vk_tab_labels_label.has-background, .vk_tab_labels .vk_tab_labels_label.has-background.vk_tab_labels_label-state-active, .vk_tab_labels .vk_tab_labels_label.has-background.has-background {
    font-size: 14px;
    padding: 10px;
}

 .vk_post.media{
	flex-wrap:wrap;
}
.vk_post .media-img {
    width: 100%;
	margin-right: 0rem;
	margin-bottom:15px;
}
.shop_txt .vk_post_title {
    font-size: 16px;
}
.vk_posts .vk_post.media {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.vk_posts .vk_post .media-img {
    width: 100%;
    padding: 0 !important;
    margin: 0;
}

.vk_posts .vk_post .media-body {
    width: 100%;
    padding-top: 1em;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Page 下層ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ページごと、パーツごとにコメントアウトで注釈を入れてください。 */


.is-style-under_media .wp-block-media-text__content{
	padding:25px 0
}

.recruit_table th{
	width:35% !important;
	padding-left:10px!important;
	padding-right:5px!important;
}

.menu_tab .vk_post {
    margin-left: 5px;
    margin-right: 5px;
}
.menu_tab .vk_posts .vk_post-col-xs-6 {
    width: calc(50% - 10px);
}
/* #main .menu_tab  .vk_card_item .vk_post_imgOuter::before {
        padding-top: 100px !important;
    } */
.wp-block-flexible-table-block-table th{
	font-size:16px !important;
}
.wp-block-vk-blocks-accordion-trigger {
    font-size: 16px;
}
.shop_tel a .vk_button_link_txt {
    font-size: 33px;
}
.shop_tel a i {
    font-size: 25px;
}
.shop_data{
	flex-wrap:wrap !important;
}
.shop_data h3{
	font-size:16px;
	margin-top:15px;
	padding-left:10px;
}
.sv_icon figure {
    width: 30%;
}

.midashi3 h2 {
  margin-bottom:10px !important;
}

.menu_tab {
    padding: 0px;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive　ブログ一覧ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
.postListText_title, .postListText_date {
    font-size: 16px;
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Single　ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  その他・追加機能
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */