@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/
/*汎用*/
.s_txt_70{font-size:70%!important;}
.bld{font-weight:bold!important;font-family:inherit;}
img.inst_btn{opacity:.8;width:80%;height:auto;}
.ool li{padding-left:1.2em;text-indent:-1.2em;}
/*レスポンシブ時テキスト調整用*/
.unbr{display:inline-block!important;}
.sp_br br{display:none;}
@media screen and (max-width:767px){
.sp_br br{display:inline-block!important;}
}
/*サイド固定予約ボタン調整用*/
.fx_rsrv{position:fixed;top:50%;right:0;}
@media screen and (max-width:1024px){
	.fx_rsrv{display:none;}
}
/*メニューページ調整*/
.menu_dot{color:#5E3233!important;}
/*footer fixed menu*/
.f_fx_menu{font-size:12px;padding-bottom:5px;}

.footer #footer-menu {
    background-color: #bd272d; /* 背景色のコード */
}
.footer #footer-menu a, .footer .copyright {
    color: #FFF; /* 文字色のコード */
}

/* 下からふわっと表示 */
.effect-fade {
opacity : 0;
transform : translate(0, 150px);
transition : all 1000ms;
}


.effect-fade.effect-scroll {
opacity : 1;
transform : translate(0, 0);
}

/* ueからふわっと表示 */
.effect-fade-ue {
opacity : 0;
transform :translateY(-150px);
transition : all 1000ms;
}


.effect-fade-ue.effect-scroll {
opacity : 1;
transform : translate(0, 0);
}


/*右からふわっと表示 */


.effect-fade-migi {
opacity : 0;
transform : translateX(150px);
transition : all 1000ms;
}

.effect-fade-migi.effect-scroll {
opacity : 1;
transform : translate(0, 0);
}


/*左からふわっと表示 */

.effect-fade-migi2 {
opacity : 0;
transform : translateX(-150px);
transition : all 1000ms;
}

.effect-fade-migi2.effect-scroll {
opacity : 1;
transform : translate(0, 0);
}




/*下から0.5秒遅れてふわっと表示 */


.effect-fade-delay {
opacity : 0;
transform : translate(0, 150px);
transition : all 1000ms;
transition-delay :0.5s;
}

.effect-fade-delay.effect-scroll {
opacity : 1;
transform : translate(0, 0);
}


/*下から２秒遅れてふわっと表示 */


.effect-fade-delay2 {
opacity : 0;
transform : translate(0, 150px);
transition : all 1000ms;
transition-delay :1s;
}

.effect-fade-delay2.effect-scroll {
opacity : 1;
transform : translate(0, 0);
}

@media only screen and (max-width: 750px) {
	/*下から1秒遅れてふわっと表示 */
	.effect-fade-delay {
	opacity : 0;
	transform : translate(0, 150px);
	transition : all 1000ms;
	transition-delay :0s!important;
	}
	/*下から２秒遅れてふわっと表示 */
	.effect-fade-delay2 {
	opacity : 0;
	transform : translate(0, 150px);
	transition : all 1000ms;
	transition-delay :0s!important;
	}
}


/*コンタクトフォーム ボタン調整*/

button, html input[type="button"], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    background: #000;
    color: #fff;
    padding: 3px 20px;
}

.mw_wp_form p,.mw_wp_form div{
	line-height: 3em !important;
	font-size:13px !important;
	clear:both;
}

/*ヘッダーシャドウを非表示*/
.header{
        background-color: #ffffff00!important;

    box-shadow: 0 3px 6px rgb(0 0 0 / 0%)!important;
}

/*ホームボタンを非表示*/
.footer-menu__btn {
    display: none !important;
}

.footer #footer-menu {
    background-color: #bd272d; /* 背景色のコード */
}
.footer #footer-menu a, .footer .copyright {
    color: #FFF; /* 文字色のコード */
}

/*ヘッダーGナビ調整
---------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 1240px){
	
	#inner-header {
    width: 100%!important;
	 padding: 0% 5%!important;
}
	.desktop-nav {
    float: none!important;
    font-weight: bold;
}
	
	.desktop-nav {
    float: none!important;
    font-weight: bold;
    margin: 50;
    font-weight: 500;
    letter-spacing: 2px;
    top: 0;
    right: 50px;
    position: absolute;
}

/*.wrap, .maximg, .page #inner-content, .inner-footer {
    width: 100%!important;
    padding: 0% 5%!important;
}*/
}

/*縦書き
---------------------------------------------------------------------------------------------------*/
.hd01 {
    writing-mode: vertical-rl;
    margin: 15px auto 50px;
}

p.note {
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    line-height: 200%!important;
    height: 600px!important;
    display: inline-block;
    letter-spacing: 0.5em;
    font-size: 28px;
    text-align: justify;
    font-feature-settings: initial;
}


@media (max-width: 1020px) and (min-width: 768px) { 
	
	.hd01 {
    writing-mode: vertical-rl;
    margin: 15px auto 50px;
}

p.note {
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    line-height: 200%!important;
    height: 600px!important;
    display: inline-block;
    letter-spacing: 0.5em;
    font-size: 15px!important;
    text-align: justify;
    font-feature-settings: initial;
}}