@import url('https://fonts.googleapis.com/css?family=Archivo+Black&display=swap');
.Archivo{font-family: "Archivo Black","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

body, .txt_color_nomal{color: #131313; }
.txt_color_nomal{color: #131313; }
.drawer--left .drawer-nav{ left: -100%; }
.shadow{ box-shadow:none;}
.shadow-b{box-shadow:none;}
.shadow-l{box-shadow:none;}
.shadow-r{box-shadow:none;}
.txt_shadow-l{text-shadow:none;}
.txt_shadow{ text-shadow: none;}
.txt_white{color: white;}
.txt_red{color: #57ed48;}
.txt_color1{color: #8e33e5} /* メインカラー */
.txt_color2{color: #eeeeee} /* サブカラー */
.txt_color3{color: #642e93} /* アクセントカラー1 */
.txt_color4{color: #57ed48} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #8e33e5} /* メインカラー */
.bg_color2{background-color: #eeeeee} /* サブカラー */
.bg_color3{background-color: #642e93} /* アクセントカラー1 */
.bg_color4{background-color: #57ed48} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #8e33e5}
.border_color2{border-color: #eeeeee}
.border_color3{border-color: #642e93}
.border_color4{border-color: #57ed48}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #131313;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #8e33e5} /* メインカラー */
.hvr_txt_color2:hover{color: #eeeeee} /* サブカラー */
.hvr_txt_color3:hover{color: #642e93} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #57ed48} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #8e33e5} /* メインカラー */
.hvr_bg_color2:hover{background-color: #eeeeee} /* サブカラー */
.hvr_bg_color3:hover{background-color: #642e93} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #57ed48} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #8e33e5}
.hvr_border_color2:hover{border-color: #eeeeee}
.hvr_border_color3:hover{border-color: #642e93}
.hvr_border_color4:hover{border-color: #57ed48}
.linkStyle{color: #ffcf48;}

main .bg_color4 h2, main .bg_color4 p, main .bg_color4 h4{
font-weight:bold;
color:#8e33e5;
}

main div:nth-of-type(3){padding-top:0;}

#page_title h2{color:white; font-weight: bold;}


/* 共通 */

#title ul li{border-color: #eeeeee;}
#title .tel a{
	color: #57ed48;
	font-size: 24px;
	font-weight: 900;
	font-family: "Archivo Black","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#footer{background-color: #8e33e5;}
#footer ul{justify-content: left;}
#footer .more a:hover{background-color: #642e93; color: #fff;}
#footer div div.footer_info{
	background-color: #642e93;
    padding: 40px;
    border-radius: 15px;
}
#footer div div.footer_info .tel a{color: #fff;}
#copyright{background-color: #131313;color: #757575;}
.menu-trigger span {    background-color: #9833FF;}

/* トップ */
#intro h4{background-color: #9cf492;
    padding: 40px;
    border-radius: 20px;
	color: #131313;
	font-size: 16px;
}
#top_img figure{box-shadow:rgb(100, 46, 147) 10px 10px 0px;}
#top_cms .top_cms_box .cms_title p{
	font-family: "Archivo Black","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 50px;font-weight: 900;margin-bottom: 0px;
}
#top_cms .top_cms_box .cms_title h2{font-size: 20px;font-weight: bold;}

/* 下層ページ */
#wrap header{border-color: #eeeeee;}
#page_title{background-color: #57ed48;}
#page_title2{font-family: "Archivo Black","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 50px;font-weight: 900;}
#page10 ul{
min-height:100%;
    border: none;
    background-color: #eeeeee;
    border-radius: 20px;
}
/* 店舗情報 */
#page7 .box_wrap .box .box_item:first-of-type{width: 30%!important;}
#page7 .box_wrap .box .box_item:last-of-type{width: 70%!important;}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	#footer .width_30per{width: 100%!important;}
	#footer .width_30per div.more{width: 49%;}
	#footer .width_30per div.more a{width: 100%;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	#page_title2{font-size: 20px;}
h4.txt_vertical{    font-size: 14px;}
	#intro h4{padding: 20px;}
#page7 .box_wrap .box .box_item:first-of-type{width: 100%!important;}
#page7 .box_wrap .box .box_item:last-of-type{width: 100%!important;}
	#footer div div.footer_info{padding: 20px;}
	#footer .width_30per div.more{width:100%;}
div.width_1280-max p.font_14_tb.offset-0r_sp{
margin-bottom:20px;}

}


main{
    position: relative;
    z-index: 9;
}

#footer ul {
    justify-content: left;
 -ms-flex-pack: start;
}