@media screen and (max-width: 736px) { body { min-width: 100%; font-size: 1.4rem; }
img { max-width: 100%; }
.inner { width: 100%; }
.pc, .header { display: none; }
.sp, .sp-header { display: block; }
.button01::before { font-size: 2rem; }
.button01:after { -moz-transform: rotate(-38deg) translate(40%, -30%); -ms-transform: rotate(-38deg) translate(40%, -30%); -webkit-transform: rotate(-38deg) translate(40%, -30%); transform: rotate(-38deg) translate(40%, -30%); }


/* 見出し
----------------------------------------------- */

.midashi01 { padding: 0 0 5px 25px; margin-bottom: 15px; background-size: 16px; background-position: top 2px left; display: block; }
.midashi01 .jp { margin-bottom: 2px; font-size: 2.2rem; }
.midashi01 .en { margin-bottom: 4px; font-size: 1.2rem; }

.midashi02 { height: auto; min-height: 70px;font-size: 5.5vw;padding:5% 0 2% 10%; background-size: 4%;}
.midashi02 span { font-size: 3vw;}

.midashi03 { background-image: none; background-color: #321905; width: 100%; height: auto; padding: 6% 0 5%; border-radius: 10px;}
.midashi03:before { left: -5%;top: 13%; background-size: 100%;width: 50px;} 
.midashi03:after { right: -5%;top: 13%;background-size: 100%;width: 50px;z-index: -2;} 
.midashi03 p.sub { font-size: 3vw;}
.midashi03 p.main {font-size: 5vw; z-index: 3; letter-spacing: -1px;}
.midashi03 p.en { font-size: 3vw; }


/* header
----------------------------------------------- */
.sp-header { z-index: 9999; position: relative; }
.sp-header-bar { height: 55px; padding-top: 5px; position: relative; z-index: 3; }
.sp-header-logo { width: 95px; margin: 0 auto; display: table; }
.sp-header-logo img { width: 100%; height: auto; }
.sp-header-fix { width: 100%; z-index: 9997; position: absolute; top: 55px; -webkit-transform: translate3d(0, 0, 0); }
.sp-header-fix.fixed { position: fixed; top: 0; }
.sp-header-items { z-index: 9998; position: relative; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; }


/* hero
----------------------------------------------- */
.hero { margin-top: 17.2%; }
.hero .hero-image { width: 100%; min-width: 100%; }
.hero-top { margin-bottom: 30px; }
.hero-top:before { width: 100px; height: 80px; background-size: contain; bottom: 0; left: 2%; -moz-transform: translate(0); -ms-transform: translate(0); -webkit-transform: translate(0); transform: translate(0); }
.bx-pager.bx-default-pager { z-index: 1; bottom: -10px; }
.hero-add { padding: 8px 0; }


/* aside
----------------------------------------------- */
.aside { width: 100%; margin-bottom: 30px; }
.aside-title { padding: 15px 0 8px; }
.aside-navi { padding: 0 5% 10px; margin-bottom: 20px; background-size: 180px; background-position: top center; }
.aside-navi-item { font-size: 1.2rem; }
.aside-navi-item:before { font-size: 1.6rem; top: 10px; left: 10px; }
.aside-navi-item a { padding: 12px 10px 10px 22px; }
.aside-navi-subitems { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.aside-navi-subitem { width: 50%; padding: 4px 0; font-size: 1rem; }
.aside-navi-subitem:before { font-size: 1rem; top: 3px; left: 7px; }
.aside-navi-subitem a { padding: 0 10px 0 15px; }
.aside-navi-decotop { height: 25px; background-size: contain; top: -27px; }
.aside-navi-decobottom { display: none; }

.aside-banner-items li { width: 90%; margin: 0 auto 3%;}
.aside-banner-items li img { width: 100%;}


/* footer 
----------------------------------------------- */
footer:before { width: 30px; height: 16px; background-size: contain; top: -13px; }
.footer-content { width: 100%; padding: 0; background-size: 180px; background-repeat: repeat; display: block; }
.footer-map { width: 100%; height: 150px; }
.footer-leftbox { width: 100%; padding: 25px 0; }
.footer-logo { width: 120px; margin: 0 auto 15px; }
.footer-tel { margin: 0 auto 10px; display: table; }
.footer-tel-number { padding-left: 40px; font-size: 3.6rem; background-size: 35px; background-position: top 8px left; }
.footer-open { font-size: 1.2rem; }
.footer-mail { width: 270px; margin: 0 auto; }
.footer-contact { padding-bottom: 20px; margin-bottom: 20px; }
.footer-address { font-size: 1.2rem; text-align: center; }
.footer-route-title { font-size: 1.2rem; text-align: center; }
.footer-route { width: 90%; margin: 0 auto 5px; }
.footer-route-items { width: 100%; margin: auto; -webkit-justify-content: space-between; justify-content: space-between; }
.footer-route-item { width: 32%; margin: 0;}
.footer-route-item a { min-width: 100%; height: 35px; padding-top: 11px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.footer-route-item a:before { margin-right: 3px; margin-bottom: 0; font-size: 1.4rem; top: -1px; }
.footer-route-item a:after { margin-left: 4px; font-size: 1.4rem; top: -1px; }
.footer-route-item p { font-size: 1.4rem; }
.footer-navi { width: 100%; padding: 0 3%; background-size: 140px; }
.footer-navi-items { width: 100%;}
.footer-navi-item { width: 45%; margin: 0 2%; border-bottom: 1px dotted; position: relative; display: inline-block; }
.footer-navi-item:before { margin: 0; position: absolute; top: 12px; right: 8px; }
.footer-navi-item a { padding: 12px 5px 10px 8px; display: block; }
.footer-copyright { padding: 8px 0; margin-top: -1px; position: relative; }
.pagetop { width: 50px; position: fixed; top: auto; bottom: 15px; left: auto; right: 2.5%; transform: translate(0); -webkit-transition: 0s; transition: 0s; z-index: 9995; }

.footer-navi-inner li.ttl{ display: none;}


/* breadcrumb 
----------------------------------------------- */
.breadcrumb { padding: 0 2%; margin: 5px auto 20px; }
.breadcrumb-item { font-size: 1rem; }
.breadcrumb-item:after { margin: 0 5px; font-size: 1rem; }
.breadcrumb-item.home { padding-left: 16px; }
.breadcrumb-item.home i { font-size: 1.5rem; top: -3px; }


/* top
----------------------------------------------- */
.top-campaign { width: 90%; margin: 0 auto 50px; }
.top-campaign-item { width: 100%; margin: 0 auto 10px; }
.top-campaign-title { font-size: 3rem; letter-spacing: 15px; top: -15px; }
.top-campaign-more { width: 270px; height: 45px; padding-top: 17px; font-size: 1.5rem; }
.top-menu { width: 100%; padding: 30px 0 5px; background-repeat: repeat; background-size: 180px; border-top: none; }
.top-menu:before { width: 160px; height: 35px; background-size: contain; top: -37px; }
.top-menu:after { content: ''; width: 100%; height: 1px; background: #c5b59e; position: absolute; top: -4px; left: 0; }
.top-menu-inner { width: 90%; }
.top-menu-title { padding: 1px 10px 0 15px; margin-bottom: 15px; font-size: 3rem; letter-spacing: 5px; background-size: 12px; }
.top-menu-item { width: 100%; margin-bottom: 20px; }
.top-menu-item-image { margin-bottom: 5px; }
.top-menu-item-more { width: 100%; height: 40px; padding-top: 14px; }
.top-welcome { padding: 20px 0; background-size: 160px; background-repeat: repeat; }
.top-welcome:after { display: none; }
.top-welcome-inner { width: 90%; }
.top-welcome-title { padding-bottom: 25px; margin-bottom: 20px; font-size: 2.8rem; background-size: contain; }
.top-welcome-image { width: 100%; margin-bottom: 10px; }
.top-welcome-text p { margin-bottom: 10px; font-size: 1.2rem; }
.top-other { padding: 30px 0 50px; }
.top-other-title { margin-bottom: 15px; font-size: 3rem;}
.top-other-items { width: 90%; margin: auto; }
.top-other-items li { width: 48%; margin: 0 1% 2%; display: inline-block;}
.top-social { width: 90%; margin: 0 auto 30px; }
.top-social-infomation, .top-social-blog { width: 100%; padding: 15px; }
.top-social-infomation:before, .top-social-blog:before { width: 160px; height: 35px; background-size: contain; top: -37px; }
.top-social-infomation:after, .top-social-blog:after { width: 100%; }
.top-social-infomation { margin-bottom: 60px; }
.top-social-blog { margin-bottom: 20px; }
.top-social-facebook { width: 250px; margin: 0 auto; }
.top-social-title { padding: 4px 0 10px; background-size: 45px; }
.top-social-title .en { margin-bottom: 2px; font-size: 3rem; }
.top-social-title .jp { font-size: 1rem; }
.top-social-item { padding: 15px 0; }
.top-social-item p { font-size: 1rem; line-height: 1.4; }
.top-social-item-heading { margin-bottom: 5px; font-size: 1.2rem; }
.top-social-more { width: 95%; }

.top-social_bnr ul li { display: inline-block; width: 100%; margin: 0 0 3%;}

.news_area { background: #F3EDD5; margin: 0 0 15%; padding: 5%;}
.news_area p.title { font-size: 5vw;}
.news_area p.txt { text-align: left; font-size: 3.5vw; padding: 2%;}
.news_area p.red { text-align: center; font-size: 4vw;}


/* 共通 
----------------------------------------------- */
.container-inner { display: block; }
.main-add { width: 100%; }
.main-content { width: 90%; min-height: auto; margin: 0 auto 50px; }
.main-content-text { padding: 0; }
.main-content-text p { font-size: 1.2rem; line-height: 1.4; } 

p.text_vr01 { font-size: 4.5vw; padding: 2% 0; line-height: 140%;}

.text_box01 img {width: 50%; margin-right: 5%;}
.text_box01 p.txt { padding: 10px 0;}

.text_box02 img { float: none; width: 70%; margin: 5% auto;}
.text_box02 .in { width: 100%; display: block;}

.chui_box { padding: 5%x;}
.chui_box ul { padding: 2%;}
.chui_box ul li { font-size: 3vw; padding: 1%; text-indent: -1em;}



/* 初めての方へ（ブライダル）
----------------------------------------------- */

.bridal_first_bg { background: url(https://ganspa.com/images/bridal_first_bg.jpg) no-repeat; width: 100%; background-size: contain;}
.bridal_first_bg .in { padding: 5% 30% 5% 0;}
.bridal_first_bg p.txt { padding: 10px;}

ul.bridal_first_ul {margin: 0 10px;}
ul.bridal_first_ul li { display: block; width: 100%; margin: 0 0 5%;}
ul.bridal_first_ul li:last-child { margin: 0;}
ul.bridal_first_ul li img {  height:200px; object-fit: cover;}

.bridal_midashi01 { position: relative;height: auto;}
.bridal_midashi01:before { left: 0; background-size: 70%;}
.bridal_midashi01:after { right: 0; background-size: 70%;}
.bridal_midashi01 p { font-size: 4.5vw;}
.bridal_midashi01 p span { letter-spacing: 0; font-size: 3vw; width: 70%;}

.bridal_first_box01 p.text_k { font-weight: bold; font-size: 4vw;}

p.bridal_midashi02 { font-size: 5.5vw;}
p.bridal_midashi02 span { font-size: 3vw;}


/* 初めての方へ（ボディ）
----------------------------------------------- */

.body_kodawari p.text1 { font-size: 4.5vw;}
.body_kodawari p.text2 { font-size: 5vw;}

ul.body_first_ul { }
ul.body_first_ul li { display:block; margin: 5px;}
ul.body_first_ul li img { width: 90%; height: 120px; border-radius: 10px; object-fit: cover; margin: 0 auto;}
ul.body_first_ul li p { font-size: 4vw; padding: 2%;}

.body_first_box { padding: 5%;}

.body_midashi01 { position: relative;height: auto;}
.body_midashi01:before { left: 0; background-size: 70%;}
.body_midashi01:after { right: 0; background-size: 70%;}
.body_midashi01 p { font-size: 3.5vw;}
.body_midashi01 p span { letter-spacing: 0; font-size: 3vw; width: 70%;}

p.body_midashi02 { font-size: 5.5vw; line-height: 130%;}


/* 初めての方へ（フェイシャル）
----------------------------------------------- */

.facial_midashi01 { position: relative;height: auto;}
.facial_midashi01:before { left: 0; background-size: 70%;}
.facial_midashi01:after { right: 0; background-size: 70%;}
.facial_midashi01 p { font-size: 5vw; padding: 0; line-height: 130%;}

ul.facial_first_ul { text-align: center;}
ul.facial_first_ul li { display:block; margin: 5px;}
ul.facial_first_ul li img { width: 90%; height: 130px; border-radius: 10px; object-fit: cover; margin: 0 auto;}
ul.facial_first_ul li p { font-size: 4vw; padding: 2%;}
ul.facial_first_ul li p br { display: none;}



/* 施術の流れ
----------------------------------------------- */

ul.flow_ul li { position: relative; margin: 0 0 10%; padding: 5%;}
ul.flow_ul li p.step { font-size: 4.5vw;}
ul.flow_ul li p.step span { font-size: 3vw;}
ul.flow_ul li .in { width: 100%; display: block;}
ul.flow_ul li img { float: none; width: 70%; margin: 5% auto;}
ul.flow_ul li p.txt { padding: 5px;}
ul.flow_ul li a.tel { font-size: 7vw;}
ul.flow_ul li a.mail { font-size: 3.5vw;}



/* メニュー共通
----------------------------------------------- */

.menu_box { padding: 5% 0 2%;}
.menu_box img { float: none; width: 70%; height: auto; margin: 0 auto 5%;}
.menu_box .in { width: 100%;}
.menu_box p.price_sub { font-size: 3vw; padding:5% 5% 0;}

.price_dl { padding:5% 0;}
.price_dl dt,.price_dl dd { font-size: 6vw;}
.price_dl dt span,.price_dl dd span { font-size: 3.5vw;}

ul.menu_bnr { }
ul.menu_bnr li { display: block; margin: 2% 0;}
ul.menu_bnr li a { width: 100%;}


/* メニュー詳細
----------------------------------------------- */

.price_box { padding:0; width: 90%; margin: 0 auto 5%;}
.price_box .price_dl dt,.price_box .price_dl dd { display: block;font-size: 6vw; padding: 1% 0;}
.price_box .price_dl dt span,.price_box .price_dl dd span { font-size: 4vw;}
.price_box .price_dl dt:after { display: none;}
.price_dl dd span.memo { font-size: 3vw;}

.price_memo { padding:3% 5%;width: 90%; margin: 0 auto 5%;}
.price_memo p { font-size: 3vw; line-height: 120%;}

ul.flow_ul2 { }
ul.flow_ul2 li { margin: 0 4% 5% 0; width: 45%; }



/* ブライダル*/

ul.bridal_m_exp li img { height:auto; object-fit:fill;}
ul.bridal_m_exp li p br { display: none;}

.bridal_midashi03 { padding: 2%;}
.bridal_midashi03 p.text1 { font-size: 4.5vw; display: block;}
.bridal_midashi03 p.text2 { font-size: 4.5vw;}

p.bridal_m_midashi01 { font-size: 4vw;}
p.bridal_m_midashi01 span { width: 30px; height: 30px;}

ul.bridal_m2_ul { }
ul.bridal_m2_ul li { width: calc(95%/2);}


/* ボディ*/

ul.body_m1_ul { }
ul.body_m1_ul li { margin: 5px; vertical-align: top;}
ul.body_m1_ul li img { width: 80px; margin: 0 auto;}
ul.body_m1_ul li p { font-size: 3.5vw; padding: 2%;}

ul.body_m2_ul { }
ul.body_m2_ul li { display:block; margin: 5px;}
ul.body_m2_ul li img { width: 90%; height: 120px; border-radius: 10px; object-fit: cover; margin: 0 auto;}
ul.body_m2_ul li p { font-size: 4vw; padding: 2%;}


.body_m_midashi p { font-size: 4vw; }

.body_m_box { margin: 20px 0; font-size: 0;}
.body_m_box p.title { font-size: 4vw;}
.body_m_box ul li { display:block; padding: 5%; width: 100%; margin:0 0 3%;}
.body_m_box ul li p.ttl { font-size: 4vw;}
.body_m_box ul li img { width: 40%; margin: 5px auto;}


/* フェイシャル*/

.facial_midashi02 { padding: 2%;}
.facial_midashi02 p.text1 { font-size: 4.5vw; display: block;}
.facial_midashi02 p.text2 { font-size: 4.5vw;}



/* 施術結果
----------------------------------------------- */

.ba_result_tbl { width: 100%;border: 1px solid #321905;border-spacing:0;border-collapse:collapse;}
.ba_result_tbl tr {border:1px solid #321905; border-width:1px 0 ; }
.ba_result_tbl th { padding: 10px; background: #3a1e07; color: #FFF;font-size: 3vw;}
.ba_result_tbl th.result { background: #d0111b; font-weight: bold;}
.ba_result_tbl td { padding: 5% 0; text-align: center; position: relative; background: #fefbe9;font-size: 3vw;}
.ba_result_tbl td:after {font-size: 1.2rem; right: -2px;}


/* sitemap
----------------------------------------------- */
ul.sitemap>li { width:100%; margin: 0;}
ul.sitemap>li:first-child { width: 100%;}
ul.sitemap>li:first-child ul.in_ul li { width:100%;}


/* プライバシーポリシー
----------------------------------------------- */	
.main-content .privacy li p{font-size: 3.3vw; line-height: 1.6;margin-top: 5px;}
.main-content .privacy li p.p_ttl{font-size: 4.5vw;margin-bottom: 0;}

/* お客様の声
----------------------------------------------- */

ul.voice_ul { }
ul.voice_ul>li { padding: 5%;}
ul.voice_ul li p.midashi {font-size: 4.5vw; padding: 2% 0;margin-bottom: 4%;}
ul.voice_ul li p.midashi span {font-size: 3vw;}
ul.voice_ul li p.catch { font-size: 5vw;}
ul.voice_ul li p.text { padding:2% 0;}
ul.voice_ul li p.memo { font-size: 3vw; padding: 5% 0 0;}
ul.voice_photo { }
ul.voice_photo li.text p{margin-bottom: 0;}
ul.voice_photo li { width: calc(96%/3);}
ul.voice_photo_one li{width:96%;}
ul.voice_photo_two li{ width: calc(96%/2);}
ul.voice_photo li img { width:100%; height: 200px;}

/* よくある質問
----------------------------------------------- */
.qa{margin: 15px auto;}
.qa .q{font-size: 3vw;padding: 3% 3% 1.2% 13%;margin-bottom: 0;line-height: 1.4}
.qa .q:before{left: 4%;top: 0;}
.qa .a{font-size: 3vw;padding: 3% 3% 3% 13%;margin-bottom: 0;line-height: 1.4}
.qa .a:before{left: 4%;top: 5px;}

a.qa_bnr_bridal { width: 100%;}

/* お問い合わせ
----------------------------------------------- */
.more_text{padding: 4%;}

.contact_tel .number a{font-size:  12vw;text-align: center;}
.contact_tel .text{margin-left: 0;font-size:  3.5vw;line-height: 1.5;}
.contact_tel .text p{width: 100%;margin: 0;text-align: center;margin-bottom: 10px;}


/* サロン情報
----------------------------------------------- */
.salon ul li{width: 49%;vertical-align: top;}
.salon ul.tennai li{width: 49%;vertical-align: top;margin-bottom: 0;}
.salon ul li p{font-size: 2vw;}

.salon .salon_t table tr:last-child {border-bottom:none;}
.salon .salon_t table tr th {display:block;width:100%;padding:10px;border: none;}
.salon .salon_t table tr td {display:block;width:100%;border: none;}

.salon .route {width: 100%;}
.salon .route img{width: 90%;margin: 0 auto;float: inherit;margin-bottom: 5%;}
.salon .route ul{width: 100%;float: inherit;}
.salon .route ul li{margin-bottom: 4px;}
.salon .route ul li p{display: block;padding: 2%;text-align: center;font-size: 4vw;margin-bottom: 0;}

/* お問い合わせ
----------------------------------------------- */
.mailformproTable th{    display: block;width: 100%;}
.mailformproTable td{    display: block;width: 100%;}


/* ブライダルアンケート
----------------------------------------------- */

.bridal_enquete_box { margin: 10% 0; }
.bridal_enquete_box .in_box { width: 100%; display:block;}
.bridal_enquete_box .in_box p.q_box { padding: 5% 5% 5% 17%; font-size: 5vw;}
.bridal_enquete_box .in_box p.q_box br { display: none;}
.bridal_enquete_box img { float: none; width: 80%; margin: 5% auto;}




}

/*# sourceMappingURL=
sp.css.map */