@charset "utf-8";
/*
Theme Name: magic-hand
License:アピステクノロジー株式会社
*/
/*common-------------------------------------------------------------------------*/
/*--**/
* {
	box-sizing: border-box!important;
	word-break: break-all;
}
html {
	width: 100%;
	font-size: 16px;
}
img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}
.uk-grid {
	margin: 0px!important;
}
.uk-grid section {
	padding: 0!important;	
}
li {
	list-style: none;
}
p {
	line-height: 1.2em;
}
a {
	text-decoration: none!important;
	color: #313131;
}
a {
	transition: opacity .3s;
}
a:hover {
	opacity: .8;
}
button,input,input:focus {
  outline:none!important;
}
input::-moz-focus-inner, 
button::-moz-focus-inner  {
  border:none!important;
}
main ul,
header ul {
	margin: 0;
}
/*--*-end*/

/*--フォント*/
h1,h2,h3,h4,h5 {
	font-family:'メイリオ', 'Meiryo','MS ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}
/*----カラー*/
.fc-nomal {
	color: #333;
}
.fc-main {
	color: #0071BB;
}
.fc-sub {
	color: #FFDE00;
}
.fc-wh {
	color: #fff;
}
.fc-gray {
	color: #898989;
}
.fc-lgray {
	color: #dedede;
}
.fc-red {
	color: #F92121;
}
/*----カラー-end*/
/*----サイズ*/
.fs-12p{font-size:9px}.fs-14p{font-size:14px}.fs-16p{font-size:1pc}.fs-18p{font-size:18px}.fs-19p{font-size:19px}.fs-20p{font-size:20px}.fs-24p{font-size:24px}.fs-25p{font-size:25px}.fs-28p{font-size:28px}.fs-32p{font-size:32px}.fs-08e{font-size:.8em}.fs-09e{font-size:.9em}.fs-10e{font-size:1em}.fs-11e{font-size:1.1em}.fs-12e{font-size:1.2em}.fs-14e{font-size:1.4em}.fs-16e{font-size:1.6em}.fs-18e{font-size:1.8em}.fs-20e{font-size:2em}.fs-08re{font-size:.8em}.fs-09re{font-size:.9em}.fs-10re{font-size:1}.fs-12re{font-size:1.2em}.fs-14re{font-size:1.4em}.fs-16re{font-size:1.6em}.fs-18re{font-size:1.8em}.fs-20re{font-size:2}
.gnavi-fsize {
	font-size:19px
}
@media screen and (max-width:640px) {
.gnavi-fsize {
	font-size:18px
}

}
/*----サイズ-end*/
/*----line-height*/
.lh-nomal {
	line-height: 1.2em;
}
.lh-middle {
	line-height: 1.6em;
}
.lh-large {
	line-height: 2.0em;
}
.lh-xlarge {
	line-height: 2.5em;
}
/*----line-height-end*/
/*----weight*/
.fw-thin {
	font-weight: 100;
}
.fw-nomal {
	font-weight: 300;
}
.fw-bold {
	font-weight: 600;
}
.fw-bolder {
	font-weight: 900;
}
/*----weight-end*/
/*--フォント-end*/

/*--背景*/
.bg-mc {
	background-color: #FFDE00;
}
.bg-sc {
	background-color: #0071BB;
}
.bg-ac {
	background-color: #FFF8E9;
}
.bg-wh {
	background-color: #FFF;
}
.bg-lgray {
	background-color: #F5F5F4;
}
.bg-lpink {
	background-color: #FFF4F5;
}
.bg-gray {
	background-color: #D3CDCB;
}
/*--背景-end*/

/*--枠線*/
.bbs-1gray {
	border-bottom: 1px solid #D3CDCB;
}
.bbs-1wh {
	border-bottom: 1px solid #D3CDCB;
}
.bs-1gray {
	border: 1px solid #D3CDCB;	
}
.bbd-1mc {
	border-bottom: 1px dashed #E24C77;	
}
.br-5p {
	border-radius: 5px;
}
.br-10p {
	border-radius: 10px;
}
/*--枠線-end*/

/*--padding*/
.pad-5p{padding:5px}.pad-10p{padding:10px}.pad-15p{padding:15px}.pad-20p{padding:20px}.pad-25p{padding:25px}.padlr-5p{padding-left:5px;padding-right:5px}.padlr-10p{padding-left:10px;padding-right:10px}.padlr-15p{padding-left:15px;padding-right:15px}.padlr-20p{padding-left:20px;padding-right:20px}.padlr-25p{padding-left:25px;padding-right:25px}.padtb-5p{padding-top:5px;padding-bottom:5px}.padtb-10p{padding-top:10px;padding-bottom:10px}.padtb-15p{padding-top:15px;padding-bottom:15px}.padtb-20p{padding-top:20px;padding-bottom:20px}.padtb-25p{padding-top:25px;padding-bottom:25px}.padt-5p{padding-top:5px}.padt-10p{padding-top:10px}.padt-15p{padding-top:15px}.padt-20p{padding-top:20px}.padt-25p{padding-top:25px}.padb-5p{padding-bottom:5px}.padb-10p{padding-bottom:10px}.padb-15p{padding-bottom:15px}.padb-20p{padding-bottom:20px}.padb-25p{padding-bottom:25px}.padl-5p{padding-left:5px}.padl-10p{padding-left:10px}.padl-15p{padding-left:15px}.padl-20p{padding-left:20px}.padl-25p{padding-left:25px}.padr-5p{padding-right:5px}.padr-10p{padding-right:10px}.padr-15p{padding-right:15px}.padr-20p{padding-right:20px}.padr-25p{padding-right:25px}
/*--padding-end*/

/*--margin*/
.mar-5p{margin:5px}.mar-10p{margin:10px}.mar-15p{margin:15px}.mar-20p{margin:20px}.mar-25p{margin:25px}.marlr-5p{margin-left:5px;margin-right:5px}.marlr-10p{margin-left:10px;margin-right:10px}.marlr-15p{margin-left:15px;margin-right:15px}.marlr-20p{margin-left:20px;margin-right:20px}.marlr-25p{margin-left:25px;margin-right:25px}.martb-5p{margin-top:5px;margin-bottom:5px}.martb-10p{margin-top:10px;margin-bottom:10px}.martb-15p{margin-top:15px;margin-bottom:15px}.martb-20p{margin-top:20px;margin-bottom:20px}.martb-25p{margin-top:25px;margin-bottom:25px}.mart-5p{margin-top:5px}.mart-10p{margin-top:10px}.mart-15p{margin-top:15px}.mart-20p{margin-top:20px}.mart-25p{margin-top:25px}.marb-5p{margin-bottom:5px}.marb-10p{margin-bottom:10px}.marb-15p{margin-bottom:15px}.marb-20p{margin-bottom:20px}.marb-25p{margin-bottom:25px}.marl-5p{margin-left:5px}.marl-10p{margin-left:10px}.marl-15p{margin-left:15px}.marl-20p{margin-left:20px}.marl-25p{margin-left:25px}.marr-5p{margin-right:5px}.marr-10p{margin-right:10px}.marr-15p{margin-right:15px}.marr-20p{margin-right:20px}.marr-25p{margin-right:25px}
/*--margin-end*/

/*--etc*/
.hul-non:hover {
	text-decoration: none;
}
/*--etc-end*/
/*layout*/
.inner {
	width: 100%;
	max-width: 1080px;
	margin:0 auto; 
}
.flex-end {
	justify-content: flex-end;
}
.page,.post {
	margin: 0!important;
	padding: 0!important;
}
.content-wrap {
	padding: 55px 0 55px 0;
}
.content-wrap-bottom {
	padding-bottom: 0;
}
.content-wrap-bottom > div {
	margin-bottom: 5vh;
}
/*見出し*/
.l-heading {
	text-align: center;
	padding: 1em 0 1em 0;
	font-weight: bold;
}
.l-heading:after{
	content: "";
	height: 30px;
	width: 100%;
	display: block;
	background-image: url('/wp-content/uploads/2022/04/heading2.png');
	background-repeat: no-repeat;
	background-position: center ;
	background-size: initial;
	margin-top: 10px;
}
/*背景*/
.content-bg-a {
	background-color: #FFF8E9;
	border-top: 7px solid #1D5192;
	border-bottom: 7px solid #1D5192;
}
/*コンテンツ下の波*/
.content-bg-b {
	background-color: #FFF8E9;
	position: relative;
}
.content-bg-b:before {
	content: "";
	width: 100%;
	height: 41px;
	display: block;
	background-image: url('/wp-content/uploads/2022/04/bg-b-img.png');
	background-size: initial;
	background-repeat: repeat-x;
	background-position: center;
	position: absolute;
	top: -39px;
	left: 0;
}
.content-bg-b:after {
	content: "";
	width: 100%;
	height: 41px;
	display: block;
	background-image: url('/wp-content/uploads/2022/04/bg-b-img.png');
	background-size: initial;
	background-repeat: repeat-x;
	background-position: center;
	position: absolute;
	bottom: -39px;
	left: 0;
	transform: rotateZ(180deg)
}
/*common-end------------------------------------------------------------------------*/

/*ヘッダー-------------------------------------------------------------------------*/
.global-nav .gnavi-item a,
.site-footer .gnavi-item a {
	color: #1D5192;
}
.copy i {
	font-style: normal;
}
.site-header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
}
.site-logo {
	width: 184px;
	padding: 12px 0;
}
.global-nav ul {
	margin: 0!important;
	padding: 0!important;
}
/*ハンバーガーメニュー*/
.nav_icon {
	margin-right: 0.5em;
}
.nav_toggle {
    display: block;
    position: relative;
    width: 1.55rem;
    height: 1.32rem;
}
.nav_toggle i {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #0071BB;
    position: absolute;
    transition: transform .5s, opacity .5s;
}
.nav_toggle i:nth-child(1) {
    top: 0;
}
.nav_toggle i:nth-child(2) {
    top: 0;
    bottom: 0;
    margin: auto;
}
.nav_toggle i:nth-child(3) {
    bottom: 0;
}
.nav_toggle.show i:nth-child(1) {
    transform: translateY(10px) rotate(-45deg);
}
.nav_toggle.show i:nth-child(2) {
    opacity: 0;
}
.nav_toggle.show i:nth-child(3) {
    transform: translateY(-12px) rotate(45deg);
}
/*PC店舗モーダルトリガー*/
.icon-delta a:after {
	content: '▼';
	font-size: 18px;
	vertical-align: middle;
	display: inline-block;
	margin-left: 0.4em;
}
.icon-delta a.on:after {
	content: '▲';
}
/*モーダル*/
.uk-modal-body .uk-close {
	left: initial;
	right: 10px;
}
/*spメニュー*/
.slide_toggle {
	box-shadow: 0px 3px 5px rgb(0 0 0 / 80%);
}
.of-scrool-y {
	overflow-y: auto;
}
.gnavi-item .modal-inner {
	height: 40vh;
}
/*ヘッダー-end------------------------------------------------------------------------*/

/*メインコンテンツ-------------------------------------------------------------------------*/
/*--共通----------------------------------*/
.uk-slider-items img {
	width: 100%;
}
/*mv 特設リンク*/
.event-link {
	position: absolute;
	bottom: 15px;
	right: 120px;
}
.event-link-item {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.event-link-item:nth-child(1) {
	margin-bottom: 15px;
}
.event-link-item a {
	background-color: #F5F5F4;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: fit-content;
	position: relative;
	height: 53px;
	font-size: 20px;
	padding: 0 3em;
	box-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.event-link-item a:before ,
.event-link-item a:after {
	content: "";
	display: block;
	width: 54px;
	height: 54px;
	background-image: url('/wp-content/uploads/2022/04/heading-icon.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.event-link-item a:before {
	position: absolute;
	left: -27px;
	top: 0;
}
.event-link-item a:after {
	position: absolute;
	right: -27px;
	top: 0;
}

/*店舗MV*/
.shop-mv img {
	width: 100%;
	height: auto;
}
/*おしらせ*/
.info-list-item {
	border-bottom: 1px dashed #1D5192;
}
.info-list-item a {
	transition: .3s;
}
.info-list-item a:hover {
	color: #0071BB;
}
.info-btn a {
	display: inline-block;
	background-color: #0071BB;
	color: #fff;
	border-radius: 0px;
	transition: opacity .3s;
}
.info-btn a:hover {
	opacity: 0.8;
}
.info-btn a:hover {
	text-decoration: none;
	background-color:#FFDE00;
	color: #fff;
	transition: background-color .3s;
}
.info-btn a:visited {
	color: #fff;
}
.info-list-item span {
	margin-right: 1em;
}
.info-list-item-title {
	width: calc(100% - 135px - 120px);
}
.info-list-item-cat {
	width: 120px;
}
.info-list-item-date {
	width: 135px;
}
/*紹介文*/
.ac-majo {
	margin: 45px auto 25px auto;
	text-align: center;
}
/*--共通-end---------------------------------*/

/*--home----------------------------------*/
/*店舗一覧*/
.shop-heading {
	background-color: #FFDE00;
	width: calc(100% - 54px - 54px);
	margin: 15px auto 55px auto;
	position: relative;
	height: 54px;
	font-size: 19px;
	padding: 0 3em;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 21px;
	font-weight: bold;
}
.shop-heading:before,
.shop-heading:after {
	content: "";
	display: block;
	width: 54px;
	height: 54px;
	background-image: url('/wp-content/uploads/2022/04/ken-icon.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.shop-heading:before {
	position: absolute;
	left: -27px;
	top: 0;
}
.shop-heading:after {
	position: absolute;
	right: -27px;
	top: 0;
}
.shop-list {
	padding-bottom: 55px;
}
.shop-list-item {
    padding: 0 15px;
    display: flex;
   	align-items: initial;
}
.shop-list-item-ch {
    background-color: #fff;
    border: 1px solid #d2d2d2;
    padding: 5px 10px;
    width: 100%;
}
.shop-list-item p {
	margin: 0;
	padding: 5px .5em
}
.shop-list-item a {
	color: #313131;
}
.shop-list-item-ch span {
}
.shop-list-item-ch-ti {
}
.simg-container {
	width: 100%;
	max-height: 80px;
	overflow: hidden;
}

/*--店舗ページ----------------------------------*/
/*ご利用方法*/
.shop-post-content {
	border-bottom: 7px solid #1D5192;
}
.howto-num:after {
	content: url('/wp-content/uploads/2021/11/dott.png');
	display: block;
	width: 45%;
	margin:  15px auto;
}
.howto-num:last-child:after {
	content: "";
}
.howto-image {
	width: 35%;
}
.howto-content {
	width: 65%;
}
/*施術メニュ*/
.shop_menu_wrap .menu-menu {
	display: flex;
	justify-content: space-between;
	background-image: url('/wp-content/uploads/2022/04/menu-dotted.png');
	background-size: 6px;
	background-repeat: repeat-x;
	background-position: center;
}
.shop_menu_wrap .menu-menu > div {
	background-color: #fff;
}
.shop_menu_wrap .menu-menu .menu-menu-name {
	padding: 3px 1em 3px 3px;
	font-weight: bold;
}
.shop_menu_wrap .menu-menu .menu-menu-price {
	padding: 3px 3px 3px 1em ;
	font-weight: bold;
}
/*--home-end---------------------------------*/

/*--SP-menu---------------------------------*/
.slide_toggle {
	display: none
}
/*--SP-menu-end--------------------------------*/

/*--page----------------------------------*/
/*page-header*/
.page-header {
	background-color: #FFF;
	text-align: center;
	margin: 0!important;
	padding: 1em 0;
}
/*faq*/
.uk-accordion-title::before {
	float: right!important;
}
.faq-f {
}
.faq-f::selection,
.faq-a::selection {
	background-color: transparent;
	color: #313131;
}
.uk-accordion-title::before {
	background-image: none;
	content: "開く";
	width: 5em;
	font-size: 14px;
	border: 1px solid #d2d2d2;
	padding: 0.25em 0.75em;
	text-align: center;
	height: auto;
	background-color: #fff;
}
.uk-accordion-title::before:hover {
	background-color: #ddd;
}
.uk-open>.uk-accordion-title::before {
	content: "閉じる";
	background-image: none;
}
.faq-cont {
	margin-bottom: 2em;
}
.faq-a{
	padding: 0 4em;
	margin-top: 20px;
}
.faq-f {
	background-color: #EEE8E9;
	padding: 1em 2em;
}
/*--page-end---------------------------------*/

/*--single----------------------------------*/
.single-page {
	background-color: #FFF8E9;
}
.single-header {
	background-color: #FFF;
	text-align: center;
	margin: 0!important;
	padding: 1em 0;
}
.single-item {
	background-color: #fff;
}
.single-item .item-title {
	border-bottom: 1px dashed #E24C77;
}

/*--single-end---------------------------------*/

/*--archive----------------------------------*/
.archive-header {
	background-color: #fff;
	text-align: center;
	margin: 0!important;
	padding: 1em 0;
}
.archive-page {
	background-color: #FFF8E9;
}
.archive-item {
	background-color: #fff;
}
.archive-item .item-title {
	border-bottom: 1px dashed #1D5192;
	font-weight: bold;
}
/*ページャ*/
.wp-pagenavi {
	margin: 45px 0 15px 0;
	font-size: 18px;
}
.wp-pagenavi span.current {
	margin: 0 .25em;
	padding: .25em .5em;
	border: 1px solid #D3CDCB;
	background-color: #fff;
	border-radius: 2px;
}
.wp-pagenavi a {
	margin: 0 .25em !important;
	padding: .25em .5em!important;
	border: 1px solid #1D5192;
	background-color: #1D5192;
	border-radius: 2px;
	color: #fff!important;
}
/*右カラム*/
.archive-list-button {
	width: 100%;
	color: #fff!important;
	border-radius: 2px;
	margin: 15px auto;
}
/*--archive-end---------------------------------*/

/*リンク集*/
.link-list a {
	color: #313131;
}
.link-list a:hover {
	color: #313131;
}
.link-list a:hover *{
	opacity: 1;
}
.type-text-head {
	overflow: hidden;	
}
.type-text-content {
	border: 1px solid #B3B3B3;
	border-top: none;
	overflow: hidden;
}
.link-bg-wrap {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
.link-bg-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
/*サイトマップ*/
.wsp-pages-title {
	font-size: 19px;
	border-bottom: 1px solid #313131;
	line-height:1.5em
}
.wsp-container > ul {
	margin:0 auto 25px auto; 
}
.wsp-container > h2 {
	font-size: 1.2em;
	line-height: 1.5em;
	border-bottom: 1px solid #dedede;
}
/*メインコンテンツ-end------------------------------------------------------------------------*/

/*フッター-------------------------------------------------------------------------*/
.totop {
	width: 48px;
	height: 48px;
	overflow: hidden;
	border: 1px solid rgba(106,106,106,.8);
	background-color: rgba(255,255,255,.8);
	text-align: center;
	line-height: 62px;
	position: fixed;
	right: 24px;
	bottom: 24px;
	border-radius: 2px;
}
.totop-btn .uk-icon {
	transform: scale(2);
}

/*フッター-end------------------------------------------------------------------------*/

/*追加:検索フォーム*/
.search-submit {
	background-color:#0071BB;
	color: #fff;
}
/*サイドバー装飾*/
.arcive-side .uk-list-divider>:nth-child(n+2) {
	border-top:1px solid #f9cbd8;
}
/*バナータイプ追加分*/
.bnr-type2-img {
	display: block;
	width: 100%;
	height: auto;
}
/*サイトマップの区切り線*/
.list-bd {
	border: 1px dashed #cfe4ff;
	margin-top: 1em;
	background-color: rgba(255,255,255,0);
}
.sitemap-wid .custom-html-widget .uk-icon,
.wsp-shops-list li a .uk-icon{
	vertical-align: middle;
}
.wsp-shops-list li {
	border-bottom: 1px dashed #cfe4ff;
	padding: 0.4em 0.5em;
}
/*サイドバーの区切り線*/
.arcive-side li {
    border-bottom: 1px dashed #d5b3bc;
}
/*タグ表示*/
.post-tag {
	font-size: 16px;
	border: 1px solid #666;
	border-radius: 5px;
	padding: 0.1em 0.8em;
	margin-left: 1em;
	margin-top: 0.5em;
	display: inline-block;
}
/*シングルタイトル*/
.item-name {
	border-bottom: 1px dotted #666;
	padding-bottom: 5px;
}
.info-list-item-term {
	width: 18%;
	overflow: hidden;
}