html { height:100%; min-height:100%; width:100%; }
body { height:100%; min-height:100%; width:100%; min-width:1000px; color:#234; background:url(../img/bg01.jpg); position:relative; }

td, th { color:#234; font-size:1em; }

a:link { color:#234; outline-style:none; }
a:visited { color:#234;}
a:hover { color:#f74b47; text-decoration:none; cursor:pointer; }

.white { color:#fff; }
.red { color:#f74b47; }
.green { color:#6eaa53; }
.orange { color:#f0a119; }
.blue { color:#1399e6; }
.pink { color:#eb89ae; }
.purple { color:#b9e; }

.ml10 { margin-left:10px; }
.mr10 { margin-right:10px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }

.f_l { font-size:1.25rem; }
.f_s { font-size:0.8rem; }

.fl { float:left; }
.fr { float:right; }
.tc { text-align:center;}
.tr { text-align:right;}
.round { border-radius:50%; }

.pc_no, .none { display:none; }
.sp_no { display: block; }
br.sp_no { display:inline-block; }


.full { margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
.full_r { margin-left:0; margin-right:calc(50% - 43vw); }
.full_l { margin-left:calc(50% - 43vw); margin-right:0; }
.full_bg { padding-left:calc(50vw - 50%); padding-right:calc(50vw - 50%); }
.anchor { height:3rem; margin-top:-3rem; position:relative; z-index:-10; width:1px; }
body.logged-in .anchor { height:calc(3rem + 32px); margin-top:calc(-6rem - 32px); }

.flex { display:flex; flex-flow:row wrap; justify-content:space-between; position: relative; }
.flex.jcfs { justify-content:flex-start; }
.flex.aic { align-items: center; }
.flex.aifs { align-items: flex-start; }
.flex.aife { align-items: flex-end; }

.all { position:relative; min-height:100%; margin-bottom:-160px; overflow-x: hidden; }
.contents { position:relative; width:1000px; padding:0; margin:0 auto; text-align:left; line-height:1.5; box-sizing:border-box; }

.main_box { width:100%;/* height:100%; min-height:100%;*/ position:relative; box-sizing:border-box; }


span.marker { position: relative; display: inline-block; }
span.marker::after { content: ""; position: absolute; background: #fd0; top:50%; bottom:10%; left:0; right:0; z-index: -1; }

/*校正用*/
div.test, .appo ul li.test { display: none; }
body.test div.test { display: block; min-width: 0; }

body.test .appo ul { width: 100%; max-width: 39rem; }
body.test .appo ul li { width: 32%; }
body.test .appo ul li.test { display: inline-block; }

@media screen and (max-width:960px) {


}

@media screen and (max-width:480px) {

body.test .hm_sp .h_tel { max-width: 12rem; padding:0.5rem 0.75rem; }
body.test .hm_sp .tel { line-height: 1.1; flex-flow: column; align-items: flex-start; }

body.test .hm_sp .tel span { display: block; text-align: left; font-size: 0.75rem !important; }
body.test .hm_sp .tel strong { display: block; text-align: left; font-size:1.2rem !important; }

body.test .b_consulting { padding:0.8rem 0.9rem 0.8rem 1.75rem; }

}





/*-- HEADER/ -- */
.head { /*position:absolute; top:0;*/ width:100%; z-index:300; background:url(../img/bg_head.png) repeat-x bottom center; box-sizing:border-box; }
.head .contents { width: 100%; max-width: none !important; display: flex; align-items: center; justify-content: space-between; padding: 1rem; }
.h_logo { display:block; /*position:absolute; left:50%; width:440px; margin:3px 0 0 -220px;*/ padding:0; text-align:center; z-index:150; transition:ease-out 0.3s; position: relative; width:40%; max-width:27rem; left:0; order: 2; margin: 0 auto; }
.h_logo img { width:100%; }
.h_tel { position: relative; float: none; margin:0; width: 30%; max-width:16rem; height: auto; }
.h_tel .tel { font-size: 1rem !important; color: #fe3 !important; text-align: right; font-family: 'M PLUS Rounded 1c', sans-serif; /*font-family: Verdana, "メイリオ", Meiryo, sans-serif, "游ゴシック", YuGothic !important;*/ }
.h_tel .tel span { font-size: 0.875rem !important; font-weight: normal; }
.h_tel .tel strong { font-size: 1.3rem !important;  font-weight: 700; }
.h_tel .tel strong a { color: #fe3 !important; }



.h_address { display:none; color:#fff; text-align:center; font-size:0.8em; }
.h_side { position: relative; order:3; width: 30%; max-width:16rem; margin-top: -3rem; margin-right:-0.25rem; display: flex; flex-flow: row wrap; justify-content: flex-end; }
.h_side img, .h_sns img { width: 100%; }
.h_mail, .h_access, .h_fb, .h_ig, .h_zige, .h_yt,  .h_tt { display: block; float:none; width:32px; height:32px; padding:2px; margin:2px; box-sizing:border-box; position: relative; z-index:800; }
.h_mail:hover, .h_access:hover, .h_fb:hover, .h_ig:hover, .h_zige:hover, .h_yt:hover, .h_tt:hover { padding:0; }
.h_mail img, .h_access img, .h_fb img, .h_zige img, .h_ig img { width:100%; }
.h_zige { display:none;}

/*body.test .h_side {  } 
body.test .h_mail, body.test .h_access, body.test .h_fb, body.test .h_ig, body.test .h_yt,  body.test .h_tt { display: block; float:none; width:32px; height:32px; padding:2px; margin:2px; box-sizing:border-box; position: relative; z-index:800; }
body.test .h_mail:hover, body.test .h_access:hover, body.test .h_fb:hover, body.test .h_ig:hover, body.test .h_yt:hover,  body.test .h_tt:hover { padding:0; }*/


.sp_menu, .hm_sp { display:none; }

.h_main { height:auto; line-height:0; overflow:hidden; position:relative; margin-top: -1rem; }
.h_main .inner { height:50vw; max-height:600px; width:100vw; max-width:1200px; background: url(/common/img/main01b.jpg) bottom center /100% no-repeat; margin:0 auto; overflow:visible; position:relative; }
.h_main .bg_video { position:absolute; left:-200px; top:-48px; width:1400px; background:url(../img/bg_video.jpg) no-repeat top center; background-size:contain; }
.h_main .bg_video_on { position:absolute; left:-200px; top:0; width:1400px; height:540px; background:url(../img/bg_video_on.gif); }


/* an overlayed element */
#overlay { display:none; width:80%; /* a border, so the player can fill the flexible-sized overlay */
 border:15px solid #fff; border-radius:15px; background-color:#fff; box-shadow:0 0 10px #089494 !important; }
#overlay .close { display:block; position:absolute; top:-45px !important; right:-45px !important; width:50px !important; height:50px !important; background:url(../img/b_close.png) no-repeat center center !important; border-radius:40px; cursor:pointer; }
#overlay .close:hover { background:url(../img/b_close_on.png) no-repeat center center !important; }
#overlay-player { background-color:#000; }

.flowplayer { background:#333 url(../img/loading.gif) no-repeat center center; }
.flowplayer .fp-controls { background-color:rgba(0, 0, 0, 0.4);}
.flowplayer .fp-timeline { background-color:rgba(0, 0, 0, 0.5);}
.flowplayer .fp-progress { background-color:rgba(56, 196, 196, 1);}
.flowplayer .fp-buffer { background-color:rgba(249, 249, 249, 1);}

/*.flag { position:absolute; top:80px; width:100%; height:100px; margin:0; padding:0; background:url(../img/chara_flag.png) repeat-x top center; z-index:200; transition:ease-out 0.3s; }*/
.flag { position:absolute; bottom:0; width:100%; height:180px; margin:0; padding:0; background:url(../img/bg_rainbow02.png) no-repeat right top; z-index:200; transition:ease-out 0.3s; }
.t_copy { position:absolute; left:50%; bottom:140px; width:526px; height:auto; margin:0 0 0 -263px; z-index:20; display:none; }
.t_copy img { width:100%; }
.b_play, .b_play02 { position:absolute; /*left:50%; bottom:125px; margin:0 0 0 -50px;*/ right:10px; bottom:10px; width:70px; height:auto; z-index:300; opacity:0.6;}
.b_play img, .b_play02 img { width:100%; }
.b_play:hover, .b_play02:hover { opacity:1.0; }
.caption { position:absolute; bottom:15px; left:15px; color:#fff; font-weight:bold; line-height:30px; text-shadow:1px 1px rgba(0,0,0,0.3); display:none; }

.b_volume { position:absolute; bottom:20px; left:20%; height:40px; width:40px; z-index:300;}
.b_volume { background:url(../img/b_volume01.png) no-repeat center center; height:40px; width:40px;}
.b_volume.mute {background:url(../img/b_volume02.png) no-repeat center center;;}


.b_play02 { display: none; }

.hm_sp { display:none; }

/*--HEADER MENU/--*/
.hm { /*position:absolute; bottom:0;*/position:relative; width:100%; background:url(../img/bg01.jpg); z-index:20000; }
.hm ul { display:block; text-align:center; font-size:16px; margin:0; padding:0 1rem; z-index:2500; white-space: nowrap; }
.hm ul li { display:inline-block; list-style:none; padding:0; margin:0; overflow:hidden; }
.hm ul li a { display:block; border:none; width:auto; margin:0; padding:0 1rem 0 1.75rem; background:url(../img/i_menu.png) no-repeat left center; line-height:70px; letter-spacing:1px; font-weight:bold; text-decoration:none; box-sizing:border-box; }
.hm ul li a:hover { background-size:22px; }
.hm.fixed { position:fixed; height:3rem; top:0; right:0; padding:0; width:100%; background:url(../img/bg_head.png) repeat-x bottom center; }
.hm.fixed ul li a { line-height:3rem; color:#fff; background:url(../img/i_menu02.png) no-repeat left center; }
.hm.fixed ul li a:hover { background-size:22px; }
.hm ul .m06, .hm ul .m07 { width:7rem; }
.hm ul .m06 a, .hm ul .m07 a { position:absolute; top:-20px; padding:2px; background:none; width:7rem; }
.hm ul .m06 a:hover, .hm ul .m07 a:hover { padding:0; }
.hm ul .m06 a img, .hm ul .m07 a img { width:100%; }
.hm.fixed ul .m06, .hm.fixed ul .m07 { width:6rem; }
.hm.fixed ul .m06 a, .hm.fixed ul .m07 a { background:none; /*top:-25px;*/ width:6rem; height:6rem;}
.hm, .hm.fixed { box-shadow:0 2px 3px rgba(0,0,0,0.2); }
.hm ul .m08 { display: none; }




.appo .comment { display: none; }

.b_appo { position: absolute; bottom:0; width:98vw; margin-right:calc(50% - 50vw); margin-left:calc(50% - 50vw); }
.b_appo02 { position:absolute; top:-1.5rem; right:0; z-index: 100; }
.b_appo a, .b_appo02 a { display:block; width:115px; height:115px; margin:auto; outline-style:none; box-sizing:border-box; background:url(../img/b_appo03b.png) 0 0 /300%; position:absolute; right:9.5rem; bottom:-6.75rem; }
.b_appo02 a { right: 8rem; }
.navibar .b_appo02 { display: none; }
.b_appo a.fixed_bottom { position:fixed; bottom:0.75rem; z-index:200; }

.b_appo a:hover, .b_appo02 a:hover { -webkit-animation:appo_m01 0.5s steps(3) infinite; animation:appo_m01 0.5s steps(3) infinite; }
@media screen and (max-width:960px) {
.b_appo a { right:100px; bottom:-6rem; }
.b_appo02 a { right: 4rem; }

.info a.list:last-of-type { display: none; }
}


a.tel { color:#1399e6; }
a.tel:hover { color:#f74b47; }


.box { text-align:center; padding:80px 0; position:relative; z-index:10; background:url(../img/bg_flag.png) repeat-x top center; letter-spacing:1px; line-height:2.0; box-sizing:border-box; }
.temp .box { background:none; padding:40px 0; }
.box .contents { text-align:center; }
.box .comment { letter-spacing:1px; }
/*.box h2 { display:block; width:auto; font-size:2.5em; letter-spacing:2px; margin-bottom:30px; padding:0; position:relative; }
.box h2::before { content:url(../img/bg_title01.gif); position:absolute; margin:-40px 0 0 -115px; }
.box h2::after { content:url(../img/bg_title02.gif); position:absolute; margin:-40px 0 0 25px; }*/
.box h2 { width:auto; font-size:2.5rem; letter-spacing:2px; margin:0.5rem auto 2rem auto; padding:0; position:relative; display:flex; flex-flow:row nowrap; align-items: flex-end; justify-content:center;}
.box h2::before { content:""; width:6rem; height: 7rem; background: url(../img/bg_title01.gif) center center /90% no-repeat; position: relative; margin: 0 1.25rem 0 0; bottom:-0.75rem; }
.box h2::after { content:""; width:6rem; height: 7rem; background: url(../img/bg_title02.gif) center center /90% no-repeat; position: relative; margin: 0 0 0 1.25rem; bottom:-0.75rem; }
.box h2 img, .contact h2 img { height:40px; margin-bottom:10px; vertical-align:bottom; }
.box h2 span { display:block; letter-spacing:5px; }



.more { background:url(../img/bg_more.png) no-repeat center center; display:block; text-decoration:none; width:280px; height:60px; line-height:60px; margin:0 auto; text-align:center; z-index:50; }
.more:hover { opacity:0.8; text-decoration:none; background-size:98%; }

.bg_box { position:absolute; top:0; bottom:0; width:100%; padding:0; margin:0; overflow:hidden; z-index:0; }
.bg_box .bg_box_in { position:absolute; left:50%; bottom:0; top:0; width:1000px; height:100%; padding:0; margin:0 0 0 -500px; z-index:0; }
.bg_box .bg_box_in div { position:absolute; z-index:0; }


.b_box { padding:80px 1rem; }

/*米子えいご保育園園児募集*/
.b_yens { display:block; width:90%; max-width:900px; margin:0 auto; border-radius:10px; overflow:hidden; }
.b_yens img { width:100%; height:auto; }


/*インフルエンザワクチン接種*/
.b_influenza { display: block; padding: 1rem; background: #fff ; border: 0.2rem solid #00a0e9; border-radius: 0.5rem; font-size: 1.5rem; text-decoration: none; font-weight: bold; text-align: center; margin: auto; width: 90%; max-width: 43rem; line-height: 1.5;}
@media screen and (max-width:960px) {
.b_influenza { font-size: 4.5vw; margin-top:1rem; }
}

/*お知らせ*/
.info .bg_ani01 { top:100px; left:50px; }
.info .bg_ani02 { top:300px; left:50%; margin:0 0 0 -560px; }
.info .bg_ani03 { bottom:40px; right:50px; }
.info .bg_ani04 { top:70px; right:-50px; }
.info .bg_ani05 { bottom:50px; left:100px; }
.info .list_box { width:900px; position:relative; margin:auto; letter-spacing:-.4em; }
.info a.list { letter-spacing:normal; display:inline-block; vertical-align:top; width:252px; height:373px; padding:26px 36px; margin:0 24px 30px 24px; z-index:10; text-align:left; background:url(../img/bg_info.png) no-repeat center center; text-decoration:none; transition:ease-out 0.3s; }
.info a.list .date { z-index:100; font-size:0.75em; }
.info a.list h3 { width:auto; font-size:1.0em !important; background:none !important; color:#234; padding:0 0.5em 5px 0; margin:0 0 5px 0; max-height:5.6em; overflow:hidden; line-height:1.5; position:relative; word-break:break-all; word-wrap:break-word; vertical-align:middle; border-radius:0; }
.info a.list h3::before, .info a.list h3::after { position:absolute; }
.info a.list h3::before { content:"…"; bottom:0; right:0; color:#ccc; }
.info a.list .photo { position:absolute; bottom:36px; right:36px; width:180px; height:180px; background:#ddd; }
.info a.list:nth-child(1) .photo { background:#f8f1eb url(../img/p_dryubi.png) no-repeat center center;}
.info a.list:nth-child(2) .photo { background:#f8f1eb url(../img/p_echo.png) no-repeat center center;}
.info a.list:nth-child(3) .photo { background:#f8f1eb url(../img/p_yubiko.png) no-repeat center center;}
.info a.list:nth-child(4) .photo { background:#f8f1eb url(../img/p_chikkun.png) no-repeat center center;}
.info a.list:nth-child(5) .photo { background:#f8f1eb url(../img/p_koyubi.png) no-repeat center center;}
.info a.list01 { transform:rotate(-8deg);}
.info a.list02 { transform:rotate(-2deg);}
.info a.list03 { transform:rotate(5deg);}
.info a.list04 { transform:rotate(3deg);}
.info a.list05 { transform:rotate(-4deg);}
/*
.info a.list01::before { content:url(../img/i_koyubi01.png); position:absolute; top:-20px; left:-20px; z-index:10; }
.info a.list01::after { content:url(../img/i_dryubi01.png); position:absolute; bottom:-20px; right:-20px; }
.info a.list02::before { content:url(../img/i_echo01.png); position:absolute; top:-20px; left:-15px; z-index:10; }
.info a.list02::after { content:url(../img/i_gaze01.png); position:absolute; bottom:-25px; right:-20px; }
.info a.list03::before { content:url(../img/i_yubiko01.png); position:absolute; top:-25px; left:-20px; z-index:10; }
.info a.list03::after { content:url(../img/i_chikkun01.png); position:absolute; bottom:-25px; right:-20px; }
*/
.info a.list:hover { transform:rotate(0deg);}
.info a.list:hover h3 { color:#f74b47; }

.info .b_appo, .info .b_epi { display:none; }
.info .b_appo img, .info .b_epi img { width:100% }

 .b_epi02 { display: block; max-width:150px; position: absolute; right: 1rem; top:1rem; padding:2px; }
 .b_epi02:hover { padding: 0; }
 @media screen and (max-width:960px) {
 .b_epi02 { position: relative; margin: auto; right:auto; top:0; margin-bottom:0.5rem; }
 }

/*診療について*/
.about .bg_ani01 { top:100px; left:60px; }
.about .bg_ani02 { top:100px; right:60px; }
.about .bg_ani03 { top:50%; left:50%; margin:-165px 0 0 -560px; }
.about .bg_ani04 { bottom:10px; left:10px; }
.about .bg_ani05 { bottom:100px; right:180px; }
.about .bg_ani06 { bottom:0px; right:50px; }
.about table { width:800px; margin:0 auto 20px auto; border-collapse:collapse; }
.about table th,.about table td { padding:15px 10px; font-size:1.6em; border-top:1px solid #f74b47; border-bottom:1px solid #f74b47; line-height:1.25; letter-spacing:normal; }
.about table thead tr { background:#f74b47 url(../img/bg_red.png); font-weight:bold; }
.about table thead th { color:#fff; /*border:1px solid #f74b47;*/ text-align:left; }
.about table thead td { font-weight:bold; color:#fff; border-right:1px solid #f74b47; }
.about table tbody th { text-align:left; }
.about table tbody td { }
.about .sat { display:block; font-size:0.75em; color:#f74b47; line-height:1.25; font-weight:bold; }
.about .open { font-size:2em; color:#f74b47; font-weight:bold; }
.about .close { font-size:1.8em; color:#1399e6; }
.about .comment { width:800px; margin:auto; text-align:left; }
.about .comment .ka { float:left; margin-right:20px; }
.about .comment strong { font-size:1.2em; color:#1399e6;}



/*診療予約*/
.appo .bg_ani01 { top:100px; left:20px; }
.appo .bg_ani01 img { width:80px; }
.appo .bg_ani02 { top:100px; right:0; }
.appo .bg_ani03 { bottom:30px; left:-30px; }
.appo .bg_ani04 { bottom:60px; right:30px; }
.appo h2 { margin-bottom:20px; }
.appo ul { display:block; width:940px; margin:0 auto; padding:0; list-style:none; letter-spacing:-.40em; }
.appo ul li { display:inline-block; letter-spacing:normal; width:230px; margin:auto; padding:0; font-weight:bold; position:relative; }
.appo ul li a { display:block; width:230px; height:230px; margin:auto; outline-style:none; overflow:hidden; box-sizing:border-box; }

.appo ul .m01 a { background:url(../img/b_appo01.gif) 0 0 /300%; }
.appo ul .m01 a:hover { -webkit-animation:appo_m01 0.5s steps(3) infinite; animation:appo_m01 0.5s steps(3) infinite; }

.appo ul .m02 a { background:url(../img/b_appo02.gif) 0 0 /300%; }
.appo ul .m02 a:hover { -webkit-animation:appo_m02 0.5s steps(3) infinite; animation:appo_m01 0.5s steps(3) infinite; }

.appo ul .m03 a { background:url(../img/b_appo03.gif) 0 0 /300%; }
.appo ul .m03 a:hover { -webkit-animation:appo_m03 0.5s steps(3) infinite; animation:appo_m01 0.5s steps(3) infinite; }
.appo ul .m03 .twomonth { width:120px; position:absolute; top:-40px; right:-25px; z-index:100;}

.appo ul .m04 a { background:url(../img/b_appo04.gif) 0 0 /300%; }
.appo ul .m04 a:hover { -webkit-animation:appo_m04 0.5s steps(3) infinite; animation:appo_m01 0.5s steps(3) infinite; }



/*CSS反映 20220202*/
.appo ul { display:flex; flex-flow:row wrap; justify-content:center; /*width:940px;*/ width: 100%; max-width: 39rem; margin:0 auto 1rem auto; padding:0; list-style:none; }
.appo ul li { /*width:20%;*/ width: 32%; margin:0; padding:0; font-weight:bold; position:relative; }
.appo ul li a { display:block; width:100%; height: 0; padding-top:100%; margin:0; outline-style:none; overflow:hidden; box-sizing:border-box; }


.appo ul .m01 a { background:url(../img/b_appo01.png) 0 0 /300%; }
.appo ul .m01 a:hover { -webkit-animation:appo_m01 0.5s steps(3) infinite; animation:appo_m01 0.5s steps(3) infinite; }

.appo ul .m02 a { background:url(../img/b_appo02.png) 0 0 /300% ; }
.appo ul .m02 a:hover { -webkit-animation:appo_m01 0.5s steps(3) infinite; animation:appo_m01 0.5s steps(3) infinite; }

.appo ul .m03 a { background:url(../img/b_appo03.png) 0 0 /300% ; }
 .appo ul .m03 a:hover { -webkit-animation:appo_m01 0.5s steps(3) infinite; animation:appo_m01 0.5s steps(3) infinite; }
/*.appo ul .m03 .twomonth { width:120px; position:absolute; top:-40px; right:-25px; z-index:100;}*/

.appo ul .m04 a { background:url(../img/b_appo04.png) 0 0 /300% ; }
.appo ul .m04 a:hover { -webkit-animation:appo_m01 0.5s steps(3) infinite; animation:appo_m01 0.5s steps(3) infinite; }

.appo ul .m05 a { background:url(../img/b_appo05.png) 0 0 /300%; display: none; }
.appo ul .m05 a:hover { -webkit-animation:appo_m01 0.5s steps(3) infinite; animation:appo_m01 0.5s steps(3) infinite; }

.appo ul .m05 a { background:url(../img/b_epi02.png) center center/ 90% no-repeat; display: block; }
.appo ul .m05 a:hover { background-size: 96%; animation:none; }

.appo ul .m06 a { background:url(../img/b_inva01.png) center center/ 90% no-repeat; display: block; }
.appo ul .m06 a:hover { background-size: 96%; animation:none; }


@keyframes appo_m01 { 0% { background-position:0 0;} 100% { background-position:-300% 0; } }


/*脱毛について*/
.datsumo.box { padding:120px 0; }
.datsumo .bg_ani02 { top:50%; left:50%; margin:-113px 0 0 -560px; }
.datsumo .contents { max-width:800px; padding:0 20px; }
.datsumo .shoulder { margin-bottom:-3em; }
.datsumo .photo img { background:url(../img/bg_blue.png); }
.datsumo .txt { text-align:left; }

.datsumo .photo img:hover { opacity: 0.7;}
.datsumo .flex div.w49 { margin-bottom: 1rem; position: relative; }
.datsumo .flex div.w49::before { content:""; position: absolute; right:0; bottom:0; width: 1.5rem; height: 1.5rem; background:#fff; border-radius:10px 0 0 0; }
.datsumo .flex div.w49::after { content:""; position: absolute; right:0.6rem; bottom:0.5rem; width: 0.5rem; height: 0.5rem; border-top: 2px solid #fb6357; border-right:2px solid #fb6357; transform: rotate(45deg); }

.col2 { column-count:2; column-gap:3em; }


/*クリニック案内*/
.guide { padding:80px 0 0 0; margin-bottom:5px; position:relative; z-index:100;}
.guide .bg_box { }
.guide .bg_ani01 { top:70px; left:-50px; }
.guide .bg_ani02 { top:70px; right:-50px; }
.guide .sp_photo { display:none; }
.guide .sp_photo img { width:100%;}
.guide .menu { background:#38c4c4 url(../img/bg_clinic202006.jpg?d=20200609) center top /1400px no-repeat; background:none; }
.guide ul { display:block; width:1000px; /*height:600px;*/ height:660px; margin:0 auto; padding:0; list-style:none; position:relative; letter-spacing:-.40em; z-index:100; }
.guide ul li { letter-spacing:normal; position:absolute; display:block; /*width:220px;*/ width:260px; margin:0 0 0 -110px; padding:0; box-sizing:border-box; z-index:100; }
.guide ul li a { display:block; padding:5px; color:#fff; outline-style:none; overflow:hidden; box-sizing:border-box; transition:ease-out 0.2s; }
.guide ul li a:hover { padding:0; }
.guide ul li a img { width:100%;}
.guide ul .m01 { /*bottom:20px; left:48%; bottom:-10px; left:65%; bottom:-20px; left:25%;*/ bottom:2%; left:26%; }
.guide ul .m02 { /*top:20px; left:45%; left:auto; top:-60px; right:5%;*/ left: auto; top:-2%; right:11%; }
.guide ul .m03 { /*top:0; left:22%; top:-30px; left:12%;*/ top: -30px; left: 24%; }
.guide ul .m04 { /*top:-30px; right:15%; top:auto; bottom:30px; left:7%; top:auto; bottom:150px; left:7%;*/top:auto; bottom:32%; left:10%; }
.guide ul .m05 { /*top:auto; bottom:-10px; left:75%;*/ top:auto; bottom:2%; left:67%; }
.guide ul .m06 { /*bottom:0px; right:7%; bottom:170px; right:0; bottom:190px; right:0;*/ bottom:30%; right:-3%; }
.guide ul .m07 { /*bottom:-60px; left:50%; bottom:30%; right:-3%;*/ bottom:34%; left:48%; }
.guide .more { position:absolute; bottom:80px; left:50%; margin:0 0 0 -145px; display:none; }

.guide .yubi, 
.guide .hika, 
.guide .miya, 
.guide .ushi, 
.guide .taka, 
.guide .oga, 
.guide .naka { display: block; }

.guide .yubi img, 
.guide .hika img, 
.guide .miya img, 
.guide .ushi img, 
.guide .taka img, 
.guide .oga img, 
.guide .naka img { width: 100%; height: auto; }
.guide .yubi { width:25vw; max-width:125px; position: absolute; left:3rem; top:-6rem; z-index:10; }
.guide .hika { width:34vw; max-width:160px; position: absolute; right:-2rem; bottom:3rem; z-index:10; }
.guide .miya { width:18vw; max-width:85px; position: absolute; bottom:0; left:-1.5rem; }
.guide .ushi { width:15vw; max-width:70px; position: absolute; bottom:3rem; right:0; }
.guide .taka { width:15vw; max-width:70px; position: absolute; bottom:0; right:1.5rem; }
.guide .oga { width:15vw; max-width:70px; position: absolute; top:-3.5rem; left:3rem; transition:0.25s; }
.guide .naka { width:13.5vw; max-width:65px; position: absolute; bottom:2rem; right:-0.5rem; }

.guide a:hover .yubi { animation: yubi 1s ease 0.1s infinite; }
.guide a:hover .miya { animation: miya 2s linear 0.1s infinite; }
.guide a:hover .hika { animation: hika 1s linear 0.1s infinite; }
.guide a:hover .naka { animation: hika 1s linear 0.1s infinite; }
.guide a:hover .oga { top:calc(-3.5rem - 3px); left:calc(3rem - 3px); animation: hika 1s linear 0.1s infinite; }
.guide a:hover .ushi { animation: ushi 1s linear 0.1s infinite; }
.guide a:hover .taka { animation: taka 1s linear 0.1s infinite; }

@keyframes yubi {0% { left:3rem; } 25% { left:2.5rem; transform: rotate(3deg); } 75% { left:3.5rem; transform: rotate(-3deg); } 100% { left:3rem; }}
@keyframes hika {0% { transform: rotate(0);} 25% { transform: rotate(4deg); } 75% {transform: rotate(-4deg); } 100% { transform: rotate(0); }}
@keyframes ushi {0% { bottom:3rem;} 10% { bottom:3rem; } 50% { bottom:5rem; } 100% { bottom:3rem; }}
@keyframes miya {0% { transform: rotate(0);} 20% { transform: rotate(-5deg); left:-2rem;} 30% { transform: rotate(-5deg); left:-2rem; } 60% {transform: rotate(5deg); left:-1rem;} 70% {transform: rotate(5deg); left:-1rem; } 100% { transform: rotate(0); }}
@keyframes taka {0% { bottom:0;} 10% { bottom:0; } 50% { bottom:2rem; } 100% { bottom:0; }}





/*コーナー*/
.corner .bg_ani01 { top:80px; left:50px; }
.corner .bg_ani02 { top:40px; right:-50px; }
.corner .bg_ani03 { top:280px; left:-50px; }
.corner .bg_ani09 { top:348px; left:-50px; }
.corner .bg_ani04 { bottom:50px; right:0; }
.corner .bg_ani05 { bottom:300px; right:-100px; }
.corner .bg_ani06 { bottom:0; left:-4rem; }
.corner .bg_ani07 { bottom:-20px; right:0px; }
.corner .bg_ani07 img { width:300px; }
.corner .bg_ani08 { top:340px; right:330px; }
.corner ul { display:block; width:800px; margin:0 auto; padding:0; list-style:none; letter-spacing:-.40em; }
.corner ul li { float:left; letter-spacing:normal; width:260px; margin:auto; padding:0; font-weight:bold; position:relative; }
.corner ul li a { display:inline-block; width:260px; padding:5px; color:#fff; outline-style:none; overflow:hidden; box-sizing:border-box; }
.corner ul li a:hover { padding:0; }
.corner ul li a img { width:100%;}
.corner ul .m04 { margin:0 -130px 0 130px; margin:auto; }
.corner ul .m05 {  margin-left:150px; }  /*margin:0 -130px 0 130px;*/
/*--じげ風呂--*/
.corner ul .m07 { display:none; } 




/*クレジットカード*/
.box.credit .inner { background: #fff; width:80%; padding:3% 5%; margin: auto; }
.box.credit .cc_logo {display:flex; flex-flow:row wrap; justify-content:center; list-style: none; padding:0; margin: 0; }
.box.credit .cc_logo li { padding:0.5rem; display:flex; flex-flow:row wrap; align-items: center; justify-content: center; }
.box.credit img { width:auto; max-height:3.5rem; }






/*アクセス*/
.access { padding:80px 0 0 0; }
.access .bg_ani01 { top:40px; left:-100px; }
.access .bg_ani02 { top:70px; right:50px; }
.access #map { width:100%; height:320px; color:#333; margin:0 auto; }
.access .b_access { display:block; position:absolute; top:160px; right:10px; width:120px; padding:2px; box-sizing:border-box; z-index:120; }
.access .b_access:hover { padding:0; }
.access .b_access img { width:100%; }
.access iframe { position:relative; z-index:100; }
.map_wrapper { position:relative; height:320px; overflow:hidden; z-index:10; }

#map { width:100%; height:320px; color:#333; margin:0 auto; }
.b_map { position:relative; z-index:1000; }

/*--FOOTER/--*/
.footer { position:relative; margin:0; padding:0; font-size:0.9em; background:url(../img/bg_foot.png?d=20190329) repeat-x top center; color:#fff; text-align:center; z-index:0; }
.footer .contents { padding:3.5em 1em; text-align:center; width:100%; }
.footer .f_logo { display:block;/* float:left;*/ margin:0 auto 2em auto; border:none; width:100%; max-width:300px; }
.footer .f_logo img { width:100%; }
.footer .f_address {display:block; font-size:1.2em; position:relative; margin:0 auto 1.5em auto;}
.footer .f_address a { color:#fff; }
body.temp .footer .f_address { margin:0 auto; }
.footer .f_address .tel, .footer .f_address .fax { font-size: 1rem !important; color:#fff !important; font-family: 'M PLUS Rounded 1c', sans-serif; }
.footer .f_address .tel strong, .footer .f_address .fax strong { font-size: 1.3rem !important; font-weight: 700; }

.footer .f_address .tel a { color:#fff !important; }

.footer .b_link { display:inline-block; /*position:absolute; right:0; top:-20px;*/ width:180px; margin:5px; border-radius: 0.5rem; overflow: hidden; }
.footer .b_link img { max-width:100%; }
.footer .b_link:hover { opacity:0.8; transition:0.5s;}
.footer .b_link.test { display: none; }
body.test .footer .b_link.test { display:inline-block; }

@media screen and (max-width:480px) {
.footer .b_link { width:160px; }
}

#gotop { text-align:right; height:40px; margin-top:-40px; position:relative; z-index:500; }
#gotop a { position:absolute; right:40px; display:block; width:100px; height:100px; margin:0; padding:2px; box-sizing:border-box; }
#gotop a.fixed_bottom { position:fixed; bottom:20px; z-index:200; margin:0 0 0 -50px; padding:2px; }
#gotop a img { width:100% }
#gotop a:hover { padding:0px; }

.copyright { background:#731f23; color:#fff; padding:0; text-align:center; }
.copyright .contents { padding:0 20px; line-height:30px; font-size:0.8em; text-align:left; }
.copyright .contents ul { display:block; width:auto; float:right; list-style:none; }
.copyright .contents li { display:table-cell; }
.copyright .contents li a { display:block; width:auto; padding:0 10px; color:#fff; }




/*CONTACT FORM*/
form.form { margin:0; }
form p { margin:0.5em 0; padding:0; }
input.long { width:100% !important; max-width:400px !important; font-size:1.4em; line-height:1.5; border:1px solid #999; box-sizing:border-box; }
textarea.long { width:100% !important; padding:0.5em 1%; font-size:1.2em; line-height:1.5; margin:0; border:1px solid #ddd; box-sizing:border-box; }
input[type="submit"] { display:block; width:240px !important; text-align:center; padding:10px 10px 10px 20px; margin:0 auto; border:none; background:#6eaa53; color:#fff; font-size:1.4em; letter-spacing:10px; border-radius:5px; }
input[type="submit"]:hover { opacity:0.8; cursor:pointer; }
.required { color:#f74b47; }
.error { color:#f74b47; }
select { font-size:1.2em; }



/*--TEMPLATE--*/

/*.temp .head .contents { padding:10px 10px; }
.temp .h_logo { left:auto; width:360px; margin:5px 0 0 0; }
.temp .h_tel { float:right; }
.temp .h_side { margin-right:0; }*/

.temp .hm { /*top:60px; position:absolute; bottom:auto; background:url(../img/bg01.jpg);*/ }
.temp .hm ul { }
.temp .hm ul li a { line-height:3rem; }
.temp .hm ul .m06, .temp .hm ul .m07 { width:6rem; }
.temp .hm ul .m06 a, .temp .hm ul .m07 a { top:-1.25rem; width:6rem; height:6rem; }
.temp .flag { top:110px; display:none; }
.temp .hm.fixed { top:0; background:url(../img/bg_head.png) repeat-x bottom center; }
.temp .hm.fixed ul .m06 a { /*background:none; top:-25px; width:100px; height:100px;*/ }

.temp .main_box { /*padding-top:110px;*/ }
.temp .h_photo { height:0; position:relative; background:center center /1200px no-repeat; max-width:1200px; margin: auto; }
/*.temp .h_photo.t_info { height:600px; background-image:url(../img/h_info202006.jpg?d=20200609); }*/
.temp .h_photo.t_about { height:480px; background-image:url(../img/h_photo02.jpg); }
.temp .h_photo.t_appo { height:480px; background-image:url(../img/h_appo.jpg); }
/*.temp .h_photo.t_guide { height:600px; background-image:url(../img/h_guide202006.jpg?d=20200609); }*/
.temp .h_photo.t_disease { height:480px; background-image:url(../img/h_photo04.jpg); }
.temp .h_photo.t_sos { height:480px; background-image:url(../img/h_photo05.jpg); }


.t_head { /*position:absolute; bottom:20px; height:130px;*/ width:100%; z-index:30; text-align:center; }
.t_head.t_info { background:url(../img/t_info.png) no-repeat center center; display:none; }
.t_head.t_about { background:url(../img/t_about.png) no-repeat center center; display:none; }
.t_head.t_appo { background:url(../img/t_appo.png) no-repeat center center; display:none; }
.t_head.t_guide { background:url(../img/t_guide.png) no-repeat center center; display:none; }
.t_head.t_disease { background:url(../img/t_disease.png) no-repeat center center; display:none; }
.t_head.t_sos { background:url(../img/t_sos.png) no-repeat center center; display:none; }
.t_head.t_link { background:url(../img/t_link.png) no-repeat center center; display:none; }
.t_head.t_ycc { background:url(../img/t_ycc.png) no-repeat center center; display:none; }


.temp .h_photo.t_info { height:240px; background-image:url(../img/h_info202012.png); position: relative; z-index:3000; margin:0 auto; }
.temp .h_photo.t_guide { height:240px; background-image:url(../img/h_guide202012.png); position: relative; z-index:3000; margin:0 auto; }
.flag { bottom:1rem; bottom:0;}

.h_info_box, .h_guide_box { display:none; } 
.h_photo.t_info .h_info_box { display: block; max-width:1200px; margin: auto; }
.h_photo.t_guide .h_guide_box { display: block; max-width:1200px; margin: auto; }
.h_photo .yubi img, .h_photo .hika img, .h_photo .miya img, .h_photo .ushi img, .h_photo .taka img, .h_photo .oga img, .h_photo .naka img { width: 100%; height: auto;}
.h_photo .yubi { width:20vw; max-width:140px; position: absolute; left:17vw; bottom:-1rem; z-index:10; }
.h_photo .hika { width:13vw; max-width:90px; position: absolute; left:calc(17vw - 90px); bottom:-0.25rem; z-index:10; }
.h_photo .miya { width:13vw; max-width:90px; position: absolute; top:-2rem; animation: tori 30s linear 0.1s infinite; z-index:5; }
.h_photo .miya img { position: absolute; animation: tori2 3s ease 0.1s infinite; }
.h_photo .ushi { width:10vw; max-width:70px; position: absolute; bottom:-0.3vw; left:calc(20vw - 90px); }
.h_photo .taka { width:14vw; max-width:100px; position: absolute; bottom:-0.3vw; left:20vw; display: none; }
.h_photo .oga { width:14vw; max-width:100px; position: absolute; bottom:-0.3vw; right:20vw; }
.h_photo .naka { width:17vw; max-width:120px; position: absolute; bottom:-0.2vw; animation: pen 12s linear 0.1s infinite; display: none; }
.h_photo .naka img { animation: pen2 3s ease 0.1s infinite; }

@keyframes tori {
0% { transform:translate(100vw, 0); }
50% { transform:translate(calc(50% - 50vw), 0); }
100% { transform:translate(100vw, 0); }
}
@keyframes tori2 {
0% { transform:translate(0, 0); }
50% { transform:translate(0, 5vw); }
100% { transform:translate(0, 0); }
}

@keyframes pen {
0% { transform:translate(100vw, 0); }
100% { transform:translate(calc(50% - 50vw), 0); }
}
@keyframes pen2 {
0% { transform:translate(0, 0); }
50% { transform:translate(0, 1vw); }
100% { transform:translate(0, 0); }
}






.text_box { padding:0; /*min-height:800px;*/ height:100%; min-height:100%; background:none; position:relative; }
.text_box .contents { text-align:left; padding:0 30px 60px 30px; height:100%; line-height:1.8; z-index:0; }
.text_box td, .text_box th { }

.text_box .bg_ani01 { top:100px; left:-200px; }
.text_box .bg_ani02 { top:40px; right:-200px; }
.text_box .bg_ani03 { top:50%; right:-60px; margin:-165px 0 0 -560px; }
.text_box .bg_ani04 { bottom:30px; right:-200px; }
.text_box .bg_ani05 { bottom:-40px; left:-200px; }
.text_box .bg_ani06 { bottom:30px; left:200px; }
.text_box .bg_ani07 { bottom:5px; right:150px; }

.navibar { background:url(../img/bg_navibar.png) repeat-x bottom center; }
.navibar ul { width:1000px; margin:0 auto; padding:15px 10px 30px 10px; color:#fff; font-size:0.8em; line-height:1.5; box-sizing:border-box; }
.navibar li { list-style-type:none; display:inline; padding:0; margin:0; vertical-align:middle; }
.navibar li em { font-weight:bold; font-style:normal; }
.navibar li a { color:#fff; }
.navibar li br { display: none; }
.navibar .arrow { padding:0 0 0 20px; }

.uc { color:#f74b47; text-align:center; margin:150px 0; }
hr { margin:1em 0; color:#ccc; border:0; height:1px; background:#ccc;}

.title_box { position:relative; margin-bottom:30px; text-align:center; }
.title_box::before { content:url(../img/bg_pattern06.gif); position:absolute; top:-5px; left:-20px; z-index:10; }
.title_box::after { content:url(../img/bg_pattern07.gif); position:absolute; top:-5px; right:-20px; }
.title_box h1 { padding:10px 130px; margin:0 auto 20px auto; font-size:2.8em; line-height:1.5; /*color:#fb6357;*/ background:url(../img/bg_title.png) repeat-x bottom left; box-sizing:border-box; }
.title_box .comment { display:block; margin:0; padding:0 130px; text-align:center; }



/*---- INDEX ----*/
.index_box { display:inline-block; vertical-align:top; width:46%; padding:0; margin:0 1% 30px 2%; text-decoration:none; background:#fff; box-sizing:border-box; position:relative; }
.index_box .icon { float:left; width:180px; height:180px; margin:0 15px 0 0; }
.index_box:nth-child(8n-7) .icon { background:url(../img/p_dryubi.gif) no-repeat center center;}
.index_box:nth-child(8n-6) .icon { background:url(../img/p_echo.gif) no-repeat center center;}
.index_box:nth-child(8n-5) .icon { background:url(../img/p_yubiko.gif) no-repeat center center;}
.index_box:nth-child(8n-4) .icon { background:url(../img/p_chikkun.gif) no-repeat center center;}
.index_box:nth-child(8n-3) .icon { background:url(../img/p_koyubi.gif) no-repeat center center;}
.index_box:nth-child(8n-2) .icon { background:url(../img/p_kaifukuro.gif) no-repeat center center;}
.index_box:nth-child(8n-1) .icon { background:url(../img/p_gaze.gif) no-repeat center center;}
.index_box:nth-child(8n) .icon { background:url(../img/p_poron.gif) no-repeat center center;}

.index_box .index_text { padding:0 10px 10px 0; font-size:0.8em; overflow:hidden; }
.index_box .title { margin:0 10px 10px 0; font-size:1.6em; }
.index_box .title:hover { }
.index_box .update { font-size:0.8em; color:#aaa; display:none; }
.index_box p { margin:0 0 5px 0; padding:0 0.5em 0 0; max-height:4.5em; height:auto !important; line-height:1.5; position:relative; word-break:break-all; word-wrap:break-word; vertical-align:middle; overflow:hidden; }
.index_box p::before, .index_box p::after { position:absolute; }
.index_box p::before { content:"…"; bottom:0; right:0; color:#ccc; }
.index_box .title a, .index_box .icon a { padding:0; color:#fb6357; }

.index_box:hover .title { text-decoration:underline; }
.index_box:hover .index_text { color:#234; }
 
.i_new { position:absolute; left:-12px; top:-12px; display:inline-block; border:2px solid #fff; width:46px; height:46px; line-height:42px; text-align:center; font-size:0.8em; font-weight:normal; background:#f65; 
background:linear-gradient(325deg, #fb5, #f65);
background-size:500% 500%;
-webkit-animation:newmark 3s ease infinite;
-moz-animation:newmark 3s ease infinite;
animation:newmark 3s ease infinite; border-radius:50%; z-index:100; }
.i_new::before { content:"NEW"; color:#fff;}

@-webkit-keyframes newmark {
 0%{background-position:2% 0%; margin:0; }
 50%{background-position:99% 100%; margin:-2px 0 0 -2px; width:50px; height:50px; line-height:46px;}
 100%{background-position:2% 0%; margin:0;}
}
@-moz-keyframes newmark {
 0%{background-position:2% 0%; margin:0;}
 50%{background-position:99% 100%; margin:-0.5em 0 0 0; width:50px; height:50px; line-height:46px;}
 100%{background-position:2% 0%; margin:0;}
}
@keyframes newmark {
 0%{background-position:2% 0%; margin:0;}
 50%{background-position:99% 100%; margin:-2px 0 0 -2px; width:50px; height:50px; line-height:46px;}
 100%{background-position:2% 0%; margin:0;}
}


#guide .i_new { left:1em; top:1em; }
#corner .i_new { left:2em; top:2em; }



/*-- mceContentBody --*/
.mceContentBody { line-height:1.8; }
.mceContentBody img {}
.mceContentBody .imgL { display:block; float:left; margin:0 10px 10px 0;}
.mceContentBody .imgR { display:block; float:right; margin:0 0 10px 10px;}
.mceContentBody td.add { text-align:center; color:#f74b47; font-size:1.2em;}

img.right, img[align=right] { float:right; margin:0 0 10px 20px; }
img.left, img[align=left] { float:left; margin:0 20px 10px 0; }


h1, .mceContentBody h1 { margin:0 auto 20px auto; font-size:2.8em; line-height:1.5; /*color:#fb6357;*/ background:url(../img/bg_title.png) repeat-x bottom left; overflow:hidden; box-sizing:border-box; }
h2, .mceContentBody h2 { padding:0; margin:60px auto 30px auto; font-size:2.4em; line-height:1.5; color:#fb6357; text-align:center; }
h3, .mceContentBody h3 { padding:5px 15px; margin:0 0 20px 0; font-size:1.6em; color:#fff; background:url(../img/bg_red.png); border-radius:30px 30px 5px 5px; }
h4, .mceContentBody h4 { padding:10px 0; margin:0 0 20px 0; font-size:1.4em; line-height:1.5; background:url(../img/bg_title.png) repeat-x bottom left; color:#fb6357; overflow:hidden; }

h5, .mceContentBody h5 { font-size:1.2em; margin-bottom:0.5em; }

h1 .comment, .mceContentBody h1 .comment { display:block; font-size:0.5em; font-weight:normal; }


/*---- 画像回り込みセット ----*/
.box_l, .mceContentBody .box_l { width:100%; margin:0 0 20px 0; }
.box_l .photo, .mceContentBody .box_l .photo { float:left; max-width:50%; margin-right:20px; display:inline; position:relative; }
.box_l .photo img, .mceContentBody .box_l .photo img { margin:0; padding:0; width:100%; max-width:100%; height:auto; vertical-align:bottom; }
.box_l .txt, .mceContentBody .box_l .txt { /*float:none; width:100%; padding:50px 0; display:inline-block;*/ overflow:hidden; }

.box_r, .mceContentBody .box_r { width:100%; margin:0 0 20px 0; }
.box_r .photo, .mceContentBody .box_r .photo { float:right; max-width:50%; margin-left:20px; display:inline; position:relative; }
.box_r .photo img, .mceContentBody .box_r .photo img { margin:0; padding:0; width:100%; max-width:100%; height:auto; vertical-align:bottom; }
.box_r .txt, .mceContentBody .box_r .txt {/* float:none; width:100%; padding:50px 0; display:inline-block; position: relative;*/ overflow:hidden; }

.box_l .txt ul, .box_r .txt ul {/* display:inline;*/ }


/*---- 画像回り込まないセット ----*/
.mceContentBody .box_l2 { width:100%; margin:0 0 20px 0; }
.mceContentBody .box_l2 .photo { float:left; margin-right:20px; max-width:40%; display:inline; }
.mceContentBody .box_l2 .photo img { width:100%; height:auto; margin:0; padding:0; }
.mceContentBody .box_l2 .txt { padding:0; overflow:auto; }

.mceContentBody .box_r2 { width:100%; margin:0 0 20px 0; }
.mceContentBody .box_r2 .photo { float:right; margin-left:20px; max-width:40%; display:inline; }
.mceContentBody .box_r2 .photo img { width:100%; height:auto; margin:0; padding:0; }
.mceContentBody .box_r2 .txt { padding:0; overflow:auto; }

.mceContentBody .box_l::after, .mceContentBody .box_r::after, .mceContentBody .box_l2::after, .mceContentBody .box_r2::after { content:"."; display:block; clear:both; height:0; visibility:hidden; }

.mceContentBody ul li.bang { list-style:none; padding-left:20px; margin-left:0; background:url(../img/i_bang.png) no-repeat left 0.4em; font-weight:bold; color:#f74b47; overflow:hidden; box-sizing:border-box; }
.mceContentBody ul li.why { list-style:none; padding-left:20px; margin-left:0; background:url(../img/i_why.png) no-repeat left 0.4em; font-weight:bold; color:#6eaa53; overflow:hidden; box-sizing:border-box; }
.mceContentBody ul li.bang::before, .mceContentBody ul li.why::before { display: none; }

ul.page_link, .mceContentBody ul.page_link { margin:0 0 20px 0; padding:0; list-style:none; display:block; }
ul.page_link li, .mceContentBody ul.page_link li { display:inline-block; width:47%; margin:1%; line-height:1.5; background:none; }
ul.page_link li a, .mceContentBody ul.page_link li a, a.link, .mceContentBody a.link { display:block; padding:0.5rem 2rem; background:#fff url(../img/i_arrow01.png) no-repeat 10px 0.6em; border:3px solid #baab96; border-radius:30px; box-sizing:border-box; }
ul.page_link li li, .mceContentBody ul.page_link li li { float:none; width:100%; }
ul.page_link::after, .mceContentBody ul.page_link::after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.LR_box.page_link li, .mceContentBody .LR_box.page_link li { width:100%; }

ul.page_link02 { width: 100%; display: flex; flex-flow: row wrap; padding: 0; margin: 0 0 2rem 0; list-style: none; }
ul.page_link02 li { padding:0; }
ul.page_link02 li a { display: block; white-space: nowrap; padding:0.25rem 2rem 0.25rem 1.25rem; background:url(../img/i_arrow02.png) left center /1rem no-repeat; }


a.link, .mceContentBody a.link { overflow:hidden; margin:0 0 0.5em 0; }


/*---- YOUTUBE ----*/
.youtube { display:inline-block; position:relative; width:49%; padding:27.5% 0 0 0; margin:0 auto 1rem auto; text-align:center }

.youtube.test { display:inline-block; position:relative; width:49%; padding:27.5% 0 0 0; margin:0 auto 1rem auto; text-align:center }
.youtube.big { display:block; position:relative; width:80%; padding:45% 0 0 0; margin:auto; text-align:center }
.youtube iframe, .youtube.big iframe { position:absolute; top:0; right:1%; width:98%; height:98%; }


/*---- 2列ボックス ----*/
.LR_box, .mceContentBody .LR_box { display:inline-block; vertical-align:top; width:49.5%; margin:0; padding:0 1% 1em 1% !important; }
.LR_box.wide { width:98%; }
.LCR_box, .mceContentBody .LCR_box { display:inline-block; vertical-align:top; width:33%; margin:0; padding:0 1% 1em 1% !important; }

/*---- テーブルデザイン ----*/
.tbl00, .mceContentBody .tbl00 { width:100%; margin-bottom:20px; }
.tbl00 th, .mceContentBody .tbl00 th { padding:5px 8px; border:0; text-align:left; vertical-align:top; }
.tbl00 td, .mceContentBody .tbl00 td { padding:5px 8px; border:0; vertical-align:top; }


.tbl01, .mceContentBody .tbl01 { width:100%; margin-bottom:20px; border-collapse:collapse; }
.tbl01 th, .tbl01 td, .mceContentBody .tbl01 th, .tbl01 td { padding:10px 15px; border-top:1px dotted #ca9; border-bottom:1px dotted #ca9; vertical-align:top; }
.tbl01 thead tr, .mceContentBody .tbl01 thead tr { background:#ddefb1; }
.tbl01 thead th, .mceContentBody .tbl01 thead th { }
.tbl01 thead td, .mceContentBody .tbl01 thead td { font-weight:bold; }
.tbl01 tbody th, .mceContentBody .tbl01 tbody th { text-align:left; font-weight:normal; }
.tbl01 tbody td, .mceContentBody .tbl01 tbody td { }
.tbl01 td table, .mceContentBody .tbl01 td table { margin-bottom:0; }
.tbl01 td th, .tbl01 td td, .mceContentBody .tbl01 td th, .mceContentBody .tbl01 td td { padding:0 3px; border:0; }
.tbl01 td table, .mceContentBody .tbl01 td table { margin-bottom:5px; }


.tbl02, .mceContentBody .tbl02 { width:100%; margin-bottom:20px; border-collapse:collapse; }
.tbl02 th, .tbl02 td, .mceContentBody .tbl02 th, .mceContentBody .tbl02 td { padding:10px 15px; border-top:1px solid #ca9; border-bottom:1px solid #ca9; vertical-align:top; }
.tbl02 caption, .mceContentBody .tbl02 caption { padding:10px 15px; font-weight:bold; }
.tbl02 thead tr, .mceContentBody .tbl02 thead tr { background:/*#f74b47*/ url(../img/bg_red.png); font-weight:bold; }
.tbl02 thead th, .mceContentBody .tbl02 thead th { color:#fff; /*border:1px solid #f74b47;*/ }
.tbl02 thead td, .mceContentBody .tbl02 thead td { font-weight:bold; color:#fff; border-right:1px solid #f74b47; }
.tbl02 tbody th, .mceContentBody .tbl02 tbody th { text-align:left; }
.tbl02 tbody td, .mceContentBody .tbl02 tbody td { }

.tbl03, .mceContentBody .tbl03 { width:100%; margin-bottom:20px; border-collapse:collapse; }
.tbl03 th, .tbl03 td, .mceContentBody .tbl03 th, .mceContentBody .tbl03 td { padding:10px 15px; border:1px solid #f74b47; vertical-align:top; }
.tbl03 caption, .mceContentBody .tbl03 caption { padding:10px 15px; font-weight:bold; }
.tbl03 thead tr, .mceContentBody .tbl03 thead tr { background:/*#f74b47*/ url(../img/bg_red.png); font-weight:bold; }
.tbl03 thead th, .mceContentBody .tbl03 thead th { color:#fff; border:1px solid #f74b47; }
.tbl03 thead td, .mceContentBody .tbl03 thead td { font-weight:bold; color:#fff; border:1px solid #f74b47; }
.tbl03 tbody th, .mceContentBody .tbl03 tbody th { text-align:left; border:1px solid #f74b47; font-weight:normal; }
.tbl03 tbody td, .mceContentBody .tbl03 tbody td { border:1px solid #f74b47; }

.tbl04, .mceContentBody .tbl04 { width:100%; margin-bottom:20px; border-collapse:collapse; }
.tbl04 th, .tbl04 td, .mceContentBody .tbl04 th, .mceContentBody .tbl04 td { padding:10px 15px; border:1px solid #f4a12d; vertical-align:top; }
.tbl04 caption, .mceContentBody .tbl04 caption { padding:10px 15px; font-weight:bold; }
.tbl04 thead tr, .mceContentBody .tbl04 thead tr { background:url(../img/bg_yellow.png); font-weight:bold; }
.tbl04 thead th, .mceContentBody .tbl04 thead th { border:1px solid #f4a12d; }
.tbl04 thead td, .mceContentBody .tbl04 thead td { font-weight:bold; color:#fff; border:1px solid #f4a12d; }
.tbl04 tbody th, .mceContentBody .tbl04 tbody th { text-align:left; border:1px solid #f4a12d; font-weight:normal; background:rgba(255,255,255,0.5); }
.tbl04 tbody td, .mceContentBody .tbl04 tbody td { border:1px solid #f4a12d; }
.tbl04 tbody th, .mceContentBody .tbl04 tbody tr.yellow { background:url(../img/bg_yellow.png); font-weight:bold; }
.tbl04 tbody th, .mceContentBody .tbl04 tbody tr.yellow th { background:none; font-weight:bold; }


.l_double { border-top:3px double #f4a12d; }


/*---- 矢印アイコン ----*/
.arrow { position:relative; display:inline-block; padding:0 0 0 20px; vertical-align:middle; text-decoration:none; }
.arrow::before, .arrow::after { position:absolute; top:0; bottom:0; left:0; margin:auto; content:""; vertical-align:middle; }

.a22::before { left:5px; width:6px; height:6px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg); }
.a24::before { width:12px; height:12px; -webkit-border-radius:50%; border-radius:50%; background:#fff; }
.a24::after{ left:3px; width:3px; height:3px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg); }
.a24_w::before { width:12px; height:12px; -webkit-border-radius:50%; border-radius:50%; background:#fff; color:#fff; }
.a24_w::after{ left:3px; width:3px; height:3px; border-top:1px solid #8a5918; border-right:1px solid #8a5918; transform:rotate(45deg); }


.dr_box { background:url(../img/bg_tamoto.png) no-repeat center center; text-align:center; }


/*クリニック紹介*/
.clinic_photo { position:relative;}
.clinic_photo .clinic02::before { content:url(../img/p_sodan.png); position:absolute; top:-10px; right:45%; z-index:10; }

.clinic01::before { content:url(../img/p_yubiko.png); position:absolute; top:-25px; left:-60px; z-index:10; }
.clinic01::after { content:url(../img/p_poron.png); position:absolute; bottom:-25px; right:-30px; }
.clinic02::before { content:url(../img/p_sodan.png); position:absolute; top:-100px; right:45%; z-index:10; }
.clinic02::after { content:url(../img/p_dryubi.png); position:absolute; bottom:-35px; right:-50px; }
.clinic03::before { content:url(../img/p_chikkun.png); position:absolute; top:-25px; left:-50px; z-index:10; }
.clinic03::after { content:url(../img/p_echo.png); position:absolute; bottom:-25px; right:-40px; }
.clinic04::before { content:url(../img/p_koyubi.png); position:absolute; top:-25px; left:-30px; z-index:10; }
.clinic04::after { content:url(../img/p_kaifukuro.png); position:absolute; bottom:-25px; right:-20px; }
.clinic05::before { content:url(../img/p_koyubi.png); position:absolute; top:-25px; left:-20px; z-index:10; }
.clinic05::after { content:url(../img/p_gaze.png); position:absolute; bottom:-50px; right:-25px; }
.clinic06::before {content:url(../img/p_poron.png); position:absolute; top:-25px; left:-30px; z-index:10; }
.clinic06::after { content:url(../img/p_gaze.png); position:absolute; bottom:-50px; right:-40px; }



/*--アコーディオン--*/
.t { display: none;}
.t.active { height: auto; transition:0.5s; }
.m { position:relative; padding-right:2em !important; border-radius:20px !important;}
.m::after { color:#fff; content:"+"; position:absolute; right:0.75em; }
.i_close::after { color:#fff; content:"−"; position:absolute; right:0.75em;}


/*-- リスト/ --*/
ol { counter-reset:step; list-style:none; margin:0 0 2rem 0; padding:0; }
ol li{ padding:0; margin:0 0 1rem 1.6rem; }
ol > li::before { counter-increment:step; content:counter(step); background:#fb6357; vertical-align:middle; display:inline-block; width:1.6rem; line-height:1.6rem; letter-spacing:normal; font-size:0.8rem; font-weight:bold; text-align:center; border-radius:50%; color:#fff; margin:-0.25rem 0.4rem 0 -2rem; position:relative; }
ol ol { margin:0.5rem 0 1rem 0; }
ol li li { padding:0 0 0 1.6rem; margin:0 0 0.25rem 0; }
ol li li::before { counter-increment:step; content:counter(step); background:#aaa; vertical-align:middle; display:inline-block; width:1.4rem; line-height:1.4rem; letter-spacing:normal; font-size:0.8rem; font-weight:normal; text-align:center; border-radius:50%; color:#fff; margin:-0.3rem 0.4rem 0 -2rem; }
ol > li h4, ol > li h5, ol > li h6 { vertical-align:top; display:inline-block; margin:0; padding-top:0; line-height:1.5; }
ol li ul { padding:0 0 0 1.2rem; }
ol li ul li { padding:0; margin:0; }
ol li ul li::before { counter-increment:none; content:none; margin:0; }
ol li strong { font-size:1.4rem; }
.value { background:#fb6357; vertical-align:middle; display:inline-block; width:1.6rem; line-height:1.6rem; font-size:1rem; font-weight:bold; text-align:center; border-radius:50%; color:#fff; margin:-0.3rem 0.4rem 0 0; }

ul.kome { list-style: none; padding:0; }
ul.kome li { display: block; margin-left:1rem; }
ul.kome li::before { content:"＊"; margin:0 0 0 -1rem; }
.notice { border:5px solid #f74b47; padding: 0.5rem;}



/*こどもSOS*/
.sos_list { display:flex; flex-flow:row wrap; margin:0 0 1rem 0; padding: 0; }
.sos_list li { width:33%; padding:0 1rem 0.5rem 1.75rem; list-style:none; background:url(../img/i_arrow01.png) left 0.2rem /22px no-repeat; }
.dosuru_box { padding:0 1% 1rem 1%; }
.taisho_box { padding:0 1% 1rem 1%; }

/*こどもSOS 詳細*/
.sos_list_area { display:flex; flex-flow:row wrap; margin:3rem 0 1rem 0; padding:3rem 0 0 0; background: url(../img/bg_title.png) repeat-x top left; }
.sos_list_area .sos_list_box { width:30%; padding:0 1rem 1rem 1rem; }
.sos_list_area .sos_list_box .sos_list li { width:100%; }
.sos_list_area .dosuru_box { width:100%; }
.sos_list_area .taisho_box { width:100%; }
.sos_list_area .taisho_box .sos_list li { width:25%; }

.imgR + ul { padding-left:1rem; }
.tc img { max-width:100%; height: auto; }

@media screen and (max-width:960px) {
.sos_list li { width:50%; padding:0 0.5rem 0.5rem 1.75rem; }
.sos_list_area .taisho_box .sos_list li { width:50%; }
.i_poron { max-width:120px !important; height: auto; }

}

/*健診*/
.price_free, .price_fee { display: inline-block; background: #6eaa53; color: #fff; border-radius:50%; padding:0.25rem; margin:0 0.25rem; }
.price_fee { background: #fb6357; }







/*医療脱毛*/
body.mhr { background:#fff; }
body.mhr .box .pink { color:rgba(255,111,97,1); color:#f9a;}
body.mhr .box .purple { color:rgba(102,103,171,1);}
body.mhr .box .gold { color:#ca4;}
body.mhr .contents { width:100%; max-width:60rem; }
body.mhr .mceContentBody, 
body.mhr .mceContentBody p, 
body.mhr .mceContentBody th, 
body.mhr .mceContentBody td { font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; color:#555;}
body.mhr .main { margin:1rem -5%; }
body.mhr .main img { width:100%; display: block; }
body.mhr .main .koshitsu { width:90%; margin: 2rem auto;}

body.mhr .title_box,
body.mhr .title_box::before, 
body.mhr .title_box::after { display: none; } 
body.mhr.temp .box { padding: 0; margin:-2rem 0 2rem 0; }
body.mhr .bg_box { display: none; } 
body.mhr .navibar { background:none; }
body.mhr .navibar ul, body.mhr .navibar ul li a { color: #888; }
body.mhr .arrow::before, body.mhr .arrow::after { border-color: #888; }

body.mhr .box h2, body.mhr .box h3, body.mhr .box h4, body.mhr .box h5 { font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; width: 100%; background: none; text-align: center; }
body.mhr .box h2 { display:flex; align-items: center; color:#f9a; white-space: nowrap; }
body.mhr .box h2 span.comment { font-size: 1rem; letter-spacing: normal; }
body.mhr .box h2::before { content: ""; background: none; height:1px; border-bottom:1px solid rgba(255,153,170,0.3); flex-grow: 1; margin:0 1rem 0 calc(50% - 45vw); position: relative; bottom:0; }
body.mhr .box h2::after { content: ""; background: none; height: 1px; border-bottom:1px solid rgba(255,153,170,0.3); flex-grow: 1; margin:0 calc(50% - 45vw) 0 1rem; position: relative; bottom:0; }

body.mhr .box h3, body.mhr .box h4 { margin-bottom:0.5rem; color:#ca4; }
body.mhr .box h4 { background: none; display:flex; flex-flow:row wrap; align-items: center; }
body.mhr .box h4::after { content: ""; border-bottom:1px solid rgba(102,103,171,0.3); flex-grow: 1; margin-left:0.5rem }

body.mhr .box h5 { margin-bottom:0.5rem; text-align: left; }
body.mhr .box h5.h_sub { text-align: center; margin-bottom: -4rem; color:#f9a; }

body.mhr ul.page_link { display:flex; flex-flow:row wrap; }
body.mhr ul.page_link li { width: 25%; margin:0; min-width:7rem; }
body.mhr ul.page_link li a { background: none; border: none; position: relative; padding: 0.5em 0.5rem 0.5em 1rem; }
body.mhr ul.page_link li a::after { content:""; position:absolute; left:0rem; top:0.75rem; display:block; width:0.5rem; height:0.5rem; border-top:1px solid #6667ab; border-right:1px solid #6667ab; transform:rotate(135deg); box-sizing:border-box; transition:0.5s; }

body.mhr .mincho, body.mhr p.mincho { font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; }
body.mhr .note { background:rgba(102,103,171,0.1); background:#f9f6f3; padding:1.5rem; }

body.mhr .yoyaku { display:flex; flex-flow:row wrap; justify-content:center; padding:0; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; align-items: center; }
body.mhr .yoyaku h3 { width: auto; text-align: left; color:#555; line-height: 1.25; margin:0; font-weight: 600; }
body.mhr .yoyaku a { background:#ca4; color:#fff; font-size:1.6rem; border-radius:4rem; padding:0.5rem 3rem; display:flex; flex-flow:row wrap; justify-content:center; align-items: center; text-decoration: none; }
body.mhr .yoyaku .kome { width: 100%; text-align: center; }

body.mhr .full { margin-left: calc(50% - 45vw); margin-right: calc(50% - 45vw); }


.kansen_taisaku { display:flex; flex-flow:row wrap; justify-content:center; margin:0; padding:0; list-style: none; }
.kansen_taisaku li { width:20%; text-align: center; padding:0.5rem; min-width:6rem; font-size: 0.8rem; line-height: 1.5; }
.kansen_taisaku li img { width:100%; }

.three_service { display:flex; flex-flow:row wrap; justify-content:space-around; margin:0; padding:0; list-style: none; }
.three_service li { width:30%; background:#f9f6f3; border-radius:50%; display:flex; flex-flow:row wrap; justify-content:center; align-items: center; text-align: center; padding:1rem; min-width:10rem; min-height:10rem; line-height: 1.5; }

body.mhr .tel { font-size:2rem; color:#ca4; }
body.mhr .tel span { font-size:1rem; }
body.mhr .tel strong a {color:#ca4;}
.tel + span { display:block; position: relative; margin-top:-0.75rem; }

/*禁忌*/
body.mhr ul.kinki { column-count: 1; column-gap: 2rem; padding:0 0 0 1rem; }
body.mhr ul.kinki li { }
body.mhr ul.kinki li::marker { color:rgba(255,111,97,0.5); color:#f9a;}

body.mhr .mceContentBody .tbl03 { width:100%; margin-bottom:20px; border-collapse:collapse; }
body.mhr .mceContentBody .tbl03 th, body.mhr .mceContentBody .tbl03 td { padding:10px 15px; border:1px solid rgba(255,153,170,0.3); vertical-align:top; }
body.mhr caption,body.mhr .mceContentBody .tbl03 caption { padding:10px 15px; font-weight:bold; }
body.mhr .tbl03 thead tr,body.mhr .mceContentBody .tbl03 thead tr { /*background:rgba(255,153,170,1);*/ background:rgba(255,153,170,1); font-weight:bold; }
body.mhr .tbl03 thead th,body.mhr .mceContentBody .tbl03 thead th { color:#fff; border:1px solid rgba(255,153,170,0.3); }
body.mhr .tbl03 thead td,body.mhr .mceContentBody .tbl03 thead td { font-weight:bold; color:#fff; border:1px solid rgba(255,153,170,0.3); }
body.mhr .tbl03 tbody th,body.mhr .mceContentBody .tbl03 tbody th { text-align:left; background:rgba(255,153,170,0.1); border:1px solid rgba(255,153,170,0.3); font-weight:normal; }
body.mhr .tbl03 tbody td,body.mhr .mceContentBody .tbl03 tbody td { border:1px solid rgba(255,153,170,0.3); }
body.mhr .tbl00 th[nowrap] { white-space:nowrap !important; }




/*男の医療脱毛*/
body.mhr.mens .box h2 { font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; display:flex; align-items: center; color:#026; }
body.mhr.mens .box h3, body.mhr.mens .box h4 {font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; color:#026; }
body.mhr.mens .box h5 { font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; }
body.mhr.mens .box h5.h_sub { color:#026; }
body.mhr.mens .box h2 { line-height:1.2; }
body.mhr.mens .box h2 div span { display:inline-block; letter-spacing:0.05rem; }
body.mhr.mens .box h2 .h_sub { font-size:1.5rem;}
body.mhr.mens .box h2 .f_l { font-size:4rem;}

body.mhr.mens .note { background:#ddf2ff; }
body.mhr.mens .yoyaku { font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; }
body.mhr.mens .yoyaku a { background:#fd0; color:#026; border-radius:1.25rem; font-weight:600; } 
body.mhr.mens a.button { background:#026; }
body.mhr.mens .tel { color:#026; }
body.mhr.mens .tel strong a {color:#026;}
body.mhr.mens .q::after, body.mhr.mens .q::before, body.mhr.mens ul.kinki li::marker { color:#2af; }
body.mhr.mens .a::before, body.mhr.mens .a_open::before { color:#026; }
body.mhr.mens .box h2::before, body.mhr.mens .box h2::after { border-bottom:1px solid #ccc; }

body.mhr.mens .tbl03 thead tr { background:#2af; font-weight:bold; }
body.mhr.mens .tbl03 thead th { color:#fff; border:1px solid #2af; }
body.mhr.mens .tbl03 thead td { font-weight:bold; color:#fff; border:1px solid #2af; }
body.mhr.mens .tbl03 tbody th { text-align:left; background:#ddf2ff; border:1px solid #2af; font-weight:normal; }
body.mhr.mens .tbl03 tbody td { border:1px solid #2af; }
body.mhr.mens .grad-btn { background:#026; }



/*もっと見るボタン*/
.grad-wrap { margin-bottom:2rem; position: relative; transition:all 1.5s ease-in-out;}
.grad-btn { position:absolute; left:50%; bottom:0; transform:translate(-50%, 0); padding:0.5rem 2rem; background:rgba(204,170,68,0.8); cursor:pointer; width:11rem; text-align:center; box-sizing:border-box; z-index: 200; border-radius:3rem; }
.grad-btn::before { content: "もっと見る"; color:#fff; }
.grad-btn::after { content:""; position:absolute; left:1.25rem; top:0.75rem; display:block; width:0.75rem; height:0.75rem; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(135deg); box-sizing:border-box; transition:0.5s; }

.grad-item { position: relative; overflow: hidden; height:4rem; transition:all 1.5s ease-in-out; /*隠した状態の高さ*/}
.grad-item::before { display: block; position:absolute; bottom:0; left:0; width: 100%; height: 4rem; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); content: ""; z-index: 100;}
.grad-trigger { display: none; /*チェックボックスは常に非表示*/}
.grad-trigger:checked ~ .grad-btn { bottom:-1rem; }
.grad-trigger:checked ~ .grad-btn::before { content: "閉じる" /*チェックされていたら、文言を変更する*/}
.grad-trigger:checked ~ .grad-btn::after { content:""; position:absolute; left:1.25rem; top:1.35rem; display:block; width:0.75rem; height:0.75rem; border-top:1px solid #6667ab; border-right:1px solid #6667ab; transform:rotate(-45deg); box-sizing:border-box;}

.grad-trigger:checked ~ .grad-item { height: auto; /*チェックされていたら、高さを戻す*/ transition:1.5s; margin-bottom:2rem; }
.grad-trigger:checked ~ .grad-item::before { display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/ transition:1.5s;}

.grad-item.on-click{ height:auto; transition:1.5s; margin-bottom:2rem; padding-bottom:3rem; }
.grad-item.on-click::before { display: none; }
.grad-btn.on-click::before { content: "閉じる" /*チェックされていたら、文言を変更する*/}
.grad-btn.on-click::after { content:""; position:absolute; left:1.25rem; top:1.25rem; display:block; width:0.75rem; height:0.75rem; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(-45deg); box-sizing:border-box;}

/*Q&A*/
.q { padding-right:2rem; position:relative; border-top:1px dotted rgba(102,103,171,0.3); padding-top:0.5rem; text-align: left; }
.q::before { content:"Q. "; display:inline-block; margin-right:0.25rem; transition:0.25s; color:#f9a; }
.q::after { content:"＋"; position:absolute; line-height: 1; top:0.75rem; right:0; display:inline-block; transition:0.25s; color:#ca4; font-size:1.6rem }
.q.i_close::after { transform:rotate(45deg); }
.a::before, .a_open::before { content:'A'attr(value)'.'; display:inline-block; font-weight:bold; margin-right:0.25rem; transition:0.25s; color:#ca4; font-size:1.4rem; }
.q + .a, .q_open + .a_open { margin-bottom:2rem;}

.a { display: none; }

a.button { background: #ca4; width: 16rem; color: #fff; font-size: 1rem; letter-spacing: 0.1rem; border-radius: 4rem; padding: 0.5rem 1rem; display:block; flex-flow: row wrap; justify-content: center; align-items: center; text-decoration: none; margin: 0.5rem auto; }

.anchor { height:8rem; margin-top:-8rem; position:relative; z-index:-10; width:1px; }


@media screen and (max-width:960px) {
body.mhr { font-size:0.9rem; }
body.mhr ul.page_link li { width: 50% !important; }
body.mhr ul.page_link li a { padding: 0.25em 0.25rem 0.25em 1rem; }
body.mhr .main { margin:1rem -15px; }
body.mhr .mceContentBody .main .koshitsu {width:90% !important; }
body.mhr .box h3 { font-size:1.4rem; }
body.mhr .tel { font-size:1.4rem; }
body.mhr .mincho.tc { letter-spacing: normal; }
body.mhr ul.kinki { column-count: 1; column-gap:0; }
body.mhr .note { padding:0.75rem; }
body.mhr .mceContentBody .tbl03 th, body.mhr .mceContentBody .tbl03 td { padding:0.25rem 0.25rem; }

body.mhr.mens .box h2 .h_sub { font-size:1.25rem;}
body.mhr.mens .box h2 .f_l { font-size:2.5rem;}

body.mhr .tbl03 td,body.mhr .tbl03 th { font-size: 0.8rem; }

.anchor { height:2rem; margin-top:-2rem; }

}



/*-- 美容ページ --*/
body.mhr.mhr_list .box h2 { color:#235; }
body.mhr.mhr_list .box h4 { display:flex; align-items: center; color:#235; white-space: nowrap; font-weight: 600; }
body.mhr.mhr_list .box h4 span.comment { font-size: 1rem; letter-spacing: normal; }
body.mhr.mhr_list .box h2::before, body.mhr.mhr_list .box h4::before { content: ""; background: none; height:1px; border-bottom:1px solid rgba(204,170,68,0.5); flex-grow: 1; margin:0 1rem 0 calc(50% - 45vw); position: relative; bottom:0; }
body.mhr.mhr_list .box h2::after, body.mhr.mhr_list .box h4::after { content: ""; background: none; height: 1px; border-bottom:1px solid rgba(204,170,68,0.5); flex-grow: 1; margin:0 calc(50% - 45vw) 0 1rem; position: relative; bottom:0; }


body.mhr.mhr_list .page_link { justify-content: center; align-items: center; }
body.mhr.mhr_list .page_link li { width:20%; margin:0; padding-top:20%; font-weight:bold; position:relative; }
body.mhr.mhr_list .page_link li a { top:0; right:0; bottom:0; left:0; display:flex; align-items: center; justify-content: center; width:100%; height:100%; margin:0; /*padding:calc(50% - 0.8rem) 1rem;*/ padding:1rem; outline-style:none; overflow:hidden; box-sizing:border-box; position: absolute; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; text-decoration: none; }
body.mhr.mhr_list .page_link li a span { display: block; width: 80%; margin:0 auto 0.5rem auto; text-align: center; padding-bottom:0.5rem; background: url(http://www.yonago-kodomo.jp/files/39950.png) bottom center /100% no-repeat; }
body.mhr.mhr_list .page_link li a::after { content: ""; position: absolute; width:100%; height: 100%; top:0; right:0; bottom:0; left:0; background: url(http://www.yonago-kodomo.jp/files/39949.png) center center /90% no-repeat; border: none; transform:rotate(0); }
body.mhr.mhr_list .page_link li a:hover { color:#ca4;}
/*body.mhr.mhr_list .page_link li a::after { display: none; }*/
body.mhr.mhr_list .page_link li a:hover::after { animation:20s linear infinite bg_roll; }
body.mhr.mhr_list .page_link li.m04 { letter-spacing: normal; }
@keyframes bg_roll { 0% { transform:rotate(0); } 100% { transform:rotate(360deg); } }

@media screen and (max-width:960px) {
body.mhr.mhr_list .page_link li { width:25% !important; padding-top:26%; }
}

@media screen and (max-width:480px) {
body.mhr.mhr_list .page_link li { width:48% !important; padding-top:48%; }
}

/*大人のの医療脱毛*/
body.mhr.otonano .mceContentBody { color:#556; }
body.mhr.otonano .box h2 { display:flex; align-items: center; color:#825; font-weight: 600; }
body.mhr.otonano .box h2 { line-height:1.2; }
body.mhr.otonano .box h2 div span { display:inline-block; letter-spacing:0.05rem; }
body.mhr.otonano .box h2 .h_sub { font-size:1.5rem;}
body.mhr.otonano .box h2::before, body.mhr.otonano .box h2::after { border-bottom:1px solid #ccc; }

body.mhr.otonano .box h3, body.mhr.otonano .box h4 { color:#825; font-weight: 600; }
body.mhr.otonano .box h3.voice { background: none; display:flex; flex-flow:row wrap; align-items: center; color:#556; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; }
body.mhr.otonano .box h3.voice::before, body.mhr.otonano .box h3.voice::after { content: ""; border-bottom:1px solid rgba(85, 85, 102,0.3); flex-grow: 1; margin-left:0.5rem }

body.mhr.otonano .box h5 {font-weight: 600; }
body.mhr.otonano .box h5.h_sub { color:#825; }

body.mhr.otonano .box .purple { color:#825;}
body.mhr.otonano .box img { width: 100%; }
body.mhr.otonano .note { background:#f8f2ed; }

body.mhr.otonano .grad-btn { background:rgba(156,34,85,0.5); }

body.mhr.otonano .tel { font-size:2rem; font-weight:bold; color:#825; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; }
body.mhr.otonano .tel span { font-size:1rem; }
body.mhr.otonano .tel strong a {color:#825;}

body.mhr.otonano span.line { background: linear-gradient(transparent 50%, rgba(156, 34, 85,0.1) 50%); z-index: -1; } 

body.mhr.otonano .note { background:#f8f2ed; padding:1.5rem; }

body.mhr.otonano .yoyaku { background:#825; padding:1.5rem; }
body.mhr.otonano .yoyaku h3 { width: auto; text-align: left; color:#f8f2ed; line-height: 1.25; margin:0; font-weight: 600; }
body.mhr.otonano .yoyaku a { background:#f8f2ed; color:#825; font-size:1.6rem; border-radius:4rem; padding:0.5rem 3rem; display:flex; flex-flow:row wrap; justify-content:center; align-items: center; text-decoration: none; }
body.mhr.otonano .yoyaku .kome { width: 100%; text-align: center; color:#f8f2ed; }

body.mhr.otonano .tbl03 thead tr { background:rgba(156,34,85,0.9); font-weight:bold; }
body.mhr.otonano .tbl03 thead th { color:#fff; border:1px solid #825; }
body.mhr.otonano .tbl03 thead td { font-weight:bold; color:#fff; border:1px solid #825; }
body.mhr.otonano .tbl03 tbody th { text-align:left; background:#f8f2ed; border:1px solid #825; font-weight:normal; }
body.mhr.otonano .tbl03 tbody td { border:1px solid #825; }

@media screen and (max-width:960px) {
body.mhr.otonano .box h2 .h_sub { font-size:1.25rem;}
body.mhr.otonano .box h2 .f_l { font-size:2.5rem;}
}



/*Firm Up*/
body.firmup { background:#fff; }
body.firmup .box .pink { color:#f9a;}
body.firmup .box .naby { color:#3d467f;}
body.firmup .box .blue { color:rgba(153,221,238,1);}
body.firmup .box .gold { color:#ca4;}
body.firmup .contents { width:100%; max-width:60rem; }
body.firmup .mceContentBody, 
body.firmup .mceContentBody p, 
body.firmup .mceContentBody th, 
body.firmup .mceContentBody td { font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; color:#555;}
body.firmup .main, body.firmup .nayami, body.firmup .dekiru { margin:1rem -5%; }
body.firmup .main img, body.firmup .nayami img, body.firmup .dekiru img { width:100%; display: block; }

body.firmup .title_box,
body.firmup .title_box::before, 
body.firmup .title_box::after { display: none; } 
body.firmup.temp .box { padding: 0; margin:-2rem 0 2rem 0; }
body.firmup .bg_box { display: none; } 
body.firmup .navibar { background:none; }
body.firmup .navibar { background:none; }
body.firmup .navibar ul, body.firmup .navibar ul li a { color: #888; }
body.firmup .arrow::before, body.firmup .arrow::after { border-color: #888; }

body.firmup .box h2 { width: 100%; background: none; text-align: center; margin:2rem auto 1rem auto; }
body.firmup .box h2 { font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; display:flex; align-items: center; color:rgba(153,221,238,1); color:#3d467f; white-space: nowrap; }
body.firmup .box h2 span.comment { font-size: 1rem; letter-spacing: normal; }
body.firmup .box h2::before { content: ""; height:1px; background: none; border-bottom:1px solid rgba(61,70,27,0.2); flex-grow: 1; margin:0 1rem 0 calc(50% - 45vw); position: relative; bottom:0;}
body.firmup .box h2::after { content: ""; height:1px; background: none; border-bottom:1px solid rgba(61,70,27,0.2); flex-grow: 1; margin:0 calc(50% - 45vw) 0 1rem; position: relative; bottom:0; }

body.firmup .box h3, body.firmup .box h4 { font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; margin-bottom:0.5rem; padding: 0; background: none; color:#3d467f; }
body.firmup .box h4 { background: none; display:flex; flex-flow:row wrap; align-items: center; }
body.firmup .box h4::after { content: ""; border-bottom:1px solid rgba(61,70,27,0.2); flex-grow: 1; margin-left:0.5rem }

body.firmup .box h5 { font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; margin-bottom:0.5rem; }

body.firmup .box h2 .logo_f {width:10rem !important; height:4rem; display:inline-block; margin-bottom:0; virtical-align:center; }

body.firmup .mincho, body.firmup p.mincho { font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; }
body.firmup .note { background:rgba(244,152,1,0.1); padding:1.5rem; }

body.firmup .rei { padding:1% 5% 5% 5%; margin: auto; background: rgba(244,152,1,0.1); }
body.firmup .flex { display:flex; flex-flow:row nowrap; justify-content:space-between; }
body.firmup .aic { align-items: center;}
body.firmup .flex .photo { width:30%; margin-right:1rem; border-radius:50%; overflow: auto; }
body.firmup .flex .photo img { width: 100%; }
body.firmup .flex .text { flex-grow: 1; }

body.firmup .tel { font-size:2rem; font-weight:bold; color:#F49801; }
body.firmup .tel span { font-size:1rem; }
body.firmup .tel strong a {color:#F49801;}

body.firmup .mceContentBody .tbl03 { width:100%; margin-bottom:20px; border-collapse:collapse; }
body.firmup .mceContentBody .tbl03 th, body.firmup .mceContentBody .tbl03 td { padding:10px 15px; border:1px solid rgba(244,152,1,0.3); vertical-align:top; }
body.firmup caption,body.firmup .mceContentBody .tbl03 caption { padding:10px 15px; font-weight:bold; }
body.firmup .tbl03 thead tr,body.firmup .mceContentBody .tbl03 thead tr { background:rgba(244,152,1,0.7); font-weight:bold; }
body.firmup .tbl03 thead th,body.firmup .mceContentBody .tbl03 thead th { color:#fff; border:1px solid rgba(244,152,1,0.5); }
body.firmup .tbl03 thead td,body.firmup .mceContentBody .tbl03 thead td { font-weight:bold; color:#fff; border:1px solid rgba(244,152,1,0.5); }
body.firmup .tbl03 tbody th,body.firmup .mceContentBody .tbl03 tbody th { text-align:left; background:rgba(244,152,1,0.1); border:1px solid rgba(244,152,1,0.5); font-weight:normal; }
body.firmup .tbl03 tbody td,body.firmup .mceContentBody .tbl03 tbody td { border:1px solid rgba(244,152,1,0.5); }
body.firmup .tbl00 th[nowrap] { white-space:nowrap !important; }

body.firmup .bg { background: rgba(244,152,1,0.1);} 

/*Q&A*/
body.firmup .q { padding-right:1.5rem; position:relative; border-top:1px dotted rgba(61,70,27,0.5); padding-top:0.5rem; }
body.firmup .q::before { content:"Q. "; display:inline-block; margin-right:0.25rem; transition:0.25s; color:rgba(153,221,238,1); color:#3d467f; }
body.firmup .q::after { content:"＋"; position:absolute; line-height: 1; top:0.75rem; right:0; display:inline-block; transition:0.25s; color:#F49801; font-size:1.6rem }
body.firmup .q.i_close::after { transform:rotate(45deg); }
body.firmup .a::before, body.firmup .a_open::before { content:'A'attr(value)'.'; display:inline-block; font-weight:bold; margin-right:0.25rem; transition:0.25s; color:#F49801; font-size:1.4rem; }
body.firmup .q + .a, body.firmup .q_open + .a_open { margin-bottom:2rem;}

body.firmup .alignleft { float:left; max-width:25%; margin-right:1rem; }
body.firmup .alignright { float:right; max-width:25%; margin-left:1rem; }

br.clear { clear:both;}

@media screen and (max-width:960px) {
body.firmup { font-size:0.9rem; }
body.firmup ul.page_link li { width: 50% !important; }
body.firmup ul.page_link li a { padding: 0.25em 0.25rem 0.25em 1rem; }
body.firmup .main, body.firmup .nayami, body.firmup .dekiru { margin:0 -15px 1rem -15px; }
body.firmup .box h2 { font-size: 1.6em; }
body.firmup .box h3 { font-size:1.4rem; }
body.firmup .tel { font-size:1.4rem; }
body.firmup .mincho.tc { letter-spacing: normal; }
body.firmup .note { padding:0.75rem; }
body.firmup .mceContentBody .tbl03 th, body.firmup .mceContentBody .tbl03 td { padding:0.25rem 0.5rem; }
body.firmup img.alignleft, body.firmup img.alignright { float:none; max-width:50%; display: block; margin: auto; }
body.firmup .flex { flex-flow: column wrap; } 
body.firmup .flex .photo { width:50%; margin:0 auto 0.5rem auto; }
body.firmup .flex .text { width:100%; margin:0 auto 1rem auto; text-align: center; }
body.firmup .box h4::before { content: ""; border-bottom:1px solid rgba(61,70,27,0.3); flex-grow: 1; margin-right:0.5rem}
}




/*小顔リフトアップ*/
body.kogao { background:#fff; }
body.kogao .contents { width:100%; max-width:60rem; }
body.kogao .mceContentBody, 
body.kogao .mceContentBody p, 
body.kogao .mceContentBody th, 
body.kogao .mceContentBody td { font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; color:#336; line-height:2; }
body.kogao .main { margin:1rem -5%; }
body.kogao .main img { width:100%; display: block; }

body.kogao .title_box,
body.kogao .title_box::before, 
body.kogao .title_box::after { display: none; } 
body.kogao.temp .box { padding: 0; margin:-2rem 0 2rem 0; }
body.kogao .bg_box { display: none; } 
body.kogao .navibar { background:none; }
body.kogao .navibar { background:none; }
body.kogao .navibar ul, body.kogao .navibar ul li a { color: #888; }
body.kogao .arrow::before, body.kogao .arrow::after { border-color: #888; }

body.kogao .box h2 { width: 100%; background: none; text-align: center; margin:2rem auto 1rem auto; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; display:flex; align-items: center; color:#f8a; white-space: nowrap; font-weight: 600; letter-spacing: normal; }
body.kogao .box h2 span.comment { font-size: 1rem; letter-spacing: normal; }
body.kogao .box h2::before, body.kogao .box h3::before { content: ""; height:1px; background: none; border-bottom:1px solid rgba(51,51,102,0.2); flex-grow: 1; margin:0 1rem 0 calc(50% - 45vw); position: relative; bottom:0;}
body.kogao .box h2::after, body.kogao .box h3::after { content: ""; height:1px; background: none; border-bottom:1px solid rgba(51,51,102,0.2); flex-grow: 1; margin:0 calc(50% - 45vw) 0 1rem; position: relative; bottom:0; }

body.kogao .box h3, body.kogao .box h4 { font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; display:flex; align-items: center; margin-bottom:0.5rem; padding: 0; background: none; color:#336; font-weight: 600; }

body.kogao .box h4 { background: none; display:flex; flex-flow:row wrap; align-items: center; }
body.kogao .box h4::after { content: ""; border-bottom:1px solid rgba(61,70,27,0.2); flex-grow: 1; margin-left:0.5rem }

body.kogao .mincho, body.kogao p.mincho { font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; }
body.kogao span.line { background: linear-gradient(transparent 50%, rgba(255, 136, 170,0.3) 50%); z-index: -1; } 

body.kogao .bg { background: linear-gradient(to right, rgba(223,237,248,0) 0%,rgba(223,237,248,0.3) 20%,rgba(223,237,248,0.3) 80%,rgba(223,237,248,0) 100%); }

body.kogao .about01 {}
body.kogao .about02 { margin-left:-2rem; }
body.kogao .about03 { margin-right: -2rem; }
body.kogao .price01 {}
body.kogao .price_partition { height:6rem; margin: auto; position: relative;}
body.kogao .price_partition::after { content:""; display: block; position: absolute; left:50%; top:0; height:6rem; width: 1px; border: 1px solid rgba(51,51,102,0.2); transform: rotate(20deg); }
body.kogao .price02 { position: relative; }
body.kogao .price02 .otoku { position: absolute; width:8.125rem; top:-5.5rem; right:0; }

body.kogao .tel { font-size:1.6rem; font-weight:bold; color:#336; }
body.kogao .tel span { font-size:1rem; }
body.kogao .tel strong a {color:#336;}

.superellipse { transform: rotate(-19deg); border-radius: 43% 57% 43% 57% / 57% 43% 57% 43%; overflow: hidden; margin: auto; }
.superellipse img { transform: rotate(19deg); width: 100%; }

@media screen and (max-width:960px) {
.tc.resptl { text-align: left; }
body.kogao { font-size:0.9rem; letter-spacing: normal; }
body.kogao .main { margin:1rem -15px; }
body.kogao .about01 { order:1; }
body.kogao .about02 { order:2; margin-left:0; }
body.kogao .about03 { order:3; margin-right:0; }
body.kogao .box h3 { font-size:1.4rem; }
body.kogao .price01 { margin: auto; }
body.kogao .price02 { margin: auto; }
}




/*痩身電磁パルスマシーンコース*/
body.soshin { background:#151515; }
body.soshin .contents { width:100%; max-width:60rem; }
body.soshin .mceContentBody, 
body.soshin .mceContentBody p, 
body.soshin .mceContentBody th, 
body.soshin .mceContentBody td { font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; color:#fff; line-height:2; }
body.soshin .main { margin:0 -5%; }
body.soshin .main img { width:100%; display: block; }

body.soshin .title_box,
body.soshin .title_box::before, 
body.soshin .title_box::after { display: none; } 
body.soshin.temp .box { padding: 0; margin:-1rem 0 0 0; }
body.soshin .bg_box { display: none; } 
body.soshin .navibar { background:none; }
body.soshin .navibar { background:none; }
body.soshin .navibar ul, body.soshin .navibar ul li a { color: #888; }
body.soshin .arrow::before, body.soshin .arrow::after { border-color: #888; }

body.soshin .box h2 { width: 100%; background: none; text-align: center; margin:2rem auto 1rem auto; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; display:flex; align-items: center; color:#fe0; white-space: nowrap; font-weight: 600; letter-spacing: normal; }
body.soshin .box h2 span.comment { font-size: 1rem; letter-spacing: normal; }
body.soshin .box h2::before { content: ""; height:1px; background: none; border-bottom:1px solid rgba(255,255,255,0.2); flex-grow: 1; margin:0 1rem 0 calc(50% - 45vw); position: relative; bottom:0;}
body.soshin .box h2::after { content: ""; height:1px; background: none; border-bottom:1px solid rgba(255,5255,255,0.2); flex-grow: 1; margin:0 calc(50% - 45vw) 0 1rem; position: relative; bottom:0; }
body.soshin .box h2.last { color:#fff;}
body.soshin .box h2.last::before, body.soshin .box h2.last::after { display: none; } 

body.soshin .box h3 { font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; text-align: center; margin-bottom:0.5rem; padding: 0; background: none; color:#fff; font-weight: 600; }
body.soshin .box h3 span { display: inline; margin: auto; background: linear-gradient(transparent 50%, rgba(255, 238, 0,0.5) 50%); z-index: -1; } 

body.soshin .mincho, body.soshin p.mincho { font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; }
body.soshin span.line { background: linear-gradient(transparent 50%, rgba(255, 238, 0,0.5) 50%); z-index: -1; } 
body.soshin .bg { background: url(http://www.yonago-kodomo.jp/files/38709.png) center center /contain no-repeat; }
body.soshin .bg02 { background: url(http://www.yonago-kodomo.jp/files/38708.jpg) center right /contain no-repeat; }

body.soshin .tel { font-size:1.6rem; font-weight:bold; color:#fff; }
body.soshin .tel span { font-size:1rem; }
body.soshin .tel strong a {color:#fff;}

@media screen and (max-width:960px) {
body.soshin { font-size:0.9rem; letter-spacing: normal; }
body.soshin .box h3 { font-size:1.4rem; }
body.soshin .bg02 { background: none; }
}





/*フェムケアコース*/
body.femcare { background:#fff; }
body.femcare .contents { width:100%; max-width:60rem; }
body.femcare .pink { color:#f8a;}
body.femcare .mceContentBody, 
body.femcare .mceContentBody p, 
body.femcare .mceContentBody th, 
body.femcare .mceContentBody td { font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; color:#336; line-height:2; }
body.femcare .main { margin:0 -5%; }
body.femcare .main img { width:100%; display: block; }

body.femcare .title_box,
body.femcare .title_box::before, 
body.femcare .title_box::after { display: none; } 
body.femcare.temp .box { padding: 0; margin:-1rem 0 0 0; }
body.femcare .bg_box { display: none; } 
body.femcare .navibar { background:none; }
body.femcare .navibar { background:none; }
body.femcare .navibar ul, body.femcare .navibar ul li a { color: #336; }
body.femcare .arrow::before, body.femcare .arrow::after { border-color: #338; }

body.femcare .box h1 { color:#f8a; background: none; text-align: center; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight: 600; }
body.femcare .box h1 .comment { color: #336; }
body.femcare .box h2 { width: 100%; background: none; text-align: center; margin:2rem auto 1rem auto; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; display:flex; align-items: center; color:#f8a; white-space: nowrap; font-weight: 600; letter-spacing: normal; }

body.femcare .box h2 span.comment { font-size: 1rem; letter-spacing: normal; }
body.femcare .box h2::before { content: ""; height:1px; background: none; border-bottom:1px solid rgba(51,51,102,0.2); flex-grow: 1; margin:0 1rem 0 calc(50% - 45vw); position: relative; bottom:0;}
body.femcare .box h2::after { content: ""; height:1px; background: none; border-bottom:1px solid rgba(51,51,102,0.2); flex-grow: 1; margin:0 calc(50% - 45vw) 0 1rem; position: relative; bottom:0; }

body.femcare .mincho, body.femcare p.mincho { font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; }
body.femcare span.line { background: linear-gradient(transparent 50%, rgba(255, 136, 170,0.3) 50%); z-index: -1; } 
body.femcare .bg { margin:-3rem -1.5rem 0 -1.5rem; padding:3rem 1.5rem 0 1.5rem; background:url(http://www.yonago-kodomo.jp/files/38717.svg) bottom center /100% no-repeat,#ebf3f9 url(http://www.yonago-kodomo.jp/files/38718.svg) top center /100% no-repeat; }

body.femcare .intro { font-size: 1.5rem; }
body.femcare .intro sup { font-size: 0.75rem; }
body.femcare .desc { font-size: 0.8rem; }
body.femcare .checklist { list-style: none; padding-left:0; }
body.femcare .checklist li { padding:0.25rem 0; }

body.femcare .flex .machine { order:1; } 
body.femcare .flex .price { order:2; } 
body.femcare .flex .chair { order:3; } 

body.femcare .tel { font-size:1.6rem; font-weight:bold; color:#336; }
body.femcare .tel span { font-size:1rem; }
body.femcare .tel strong a {color:#336;}

/*-- Radio and Checkbox/ --*/
body.femcare input[type="checkbox"] { margin:0 3px 0 0; width:1.25rem; height:1.25rem; display:none; }
body.femcare input[type="checkbox"] + span { padding-left:1.75rem; position:relative; margin-right:1rem; display:block; min-height: 1.35rem; }
body.femcare input[type="checkbox"] + span::before { content:""; display:block; position:absolute; top:0.4rem; left:0; width:1.2rem; height:1.2rem; border:1px solid #336; border-radius:0.25rem; margin-right:0.25rem; box-sizing:border-box; }
body.femcare input[type="checkbox"]:checked + span::after { content:""; display:block; position:absolute; top:calc(50% - 12px); top:0; left:0.4rem; width:0.75rem; height:1.2rem; transform:rotate(40deg); border-bottom:3px solid #f8a; border-right:3px solid #f8a; box-sizing:border-box; }
body.femcare input[type="checkbox"]:checked + span { font-weight: bold; }
body.femcare input[type="checkbox"] + span:empty { margin: 0; padding: 0; }


@media screen and (max-width:960px) {
body.femcare { font-size:0.9rem; letter-spacing: normal; }
body.femcare .intro { font-size: 1.25rem; }
body.femcare .box h1 { padding: 0; font-size:2rem; }
body.femcare .box h3 { font-size:1.4rem; }
body.femcare .bg { margin:-2rem -15px 0 -15px; padding:1rem 1rem 0 1rem; }

body.femcare .flex .machine { order:2; } 
body.femcare .flex .price { order:1; } 
body.femcare .flex .chair { order:3; } 
}





/*美ボディメイクプログラム*/
body.bibody { background:#fff; }
body.bibody .contents { width:100%; max-width:60rem; }
body.bibody .pink { color:#f76;}
body.bibody .mceContentBody, 
body.bibody .mceContentBody p, 
body.bibody .mceContentBody th, 
body.bibody .mceContentBody td { font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; color:#414; line-height:2; }
body.bibody .main { margin:0 -5%; }
body.bibody .mceContentBody img { width:100%; display: block; }

body.bibody .title_box,
body.bibody .title_box::before, 
body.bibody .title_box::after { display: none; } 
body.bibody.temp .box { padding: 0; margin:-1rem 0 0 0; }
body.bibody .bg_box { display: none; } 
body.bibody .navibar { background:none; }
body.bibody .navibar { background:none; }
body.bibody .navibar ul, body.bibody .navibar ul li a { color: #414; }
body.bibody .arrow::before, body.bibody .arrow::after { border-color: #414; }


body.bibody .box h2, body.bibody .box h3, body.bibody .box h4 { font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}

body.bibody .box h2 { width: 100%; background: none; text-align: center; margin:2rem auto 1rem auto; display:flex; align-items: center; color:#f76; white-space: nowrap; font-weight: 600; letter-spacing: normal; }
body.bibody .box h2 span.comment { font-size: 1rem; letter-spacing: normal; }
body.bibody .box h2::before { content: ""; height:1px; background: none; border-bottom:1px solid rgba(68,17,68,0.2); flex-grow: 1; margin:0 1rem 0 calc(50% - 45vw); position: relative; bottom:0;}
body.bibody .box h2::after { content: ""; height:1px; background: none; border-bottom:1px solid rgba(68,17,68,0.2); flex-grow: 1; margin:0 calc(50% - 45vw) 0 1rem; position: relative; bottom:0; }

body.bibody .box h2 div { text-align: left; padding:0 0 0 9rem; position: relative; }
body.bibody .box h2 img { height: 8rem; width: 8rem; position: absolute; left:0; top:-0.75rem; }

body.bibody .box h3 { margin-bottom:0.5rem; padding: 0; background: none; color:#839; font-weight: 600; }
body.bibody .box h3 span { display: inline; margin: auto; background: linear-gradient(transparent 50%, rgba(255, 136, 170,0.5) 50%); z-index: -1; } 

body.bibody .box h4 { background: none; color:#f76; margin-bottom: 0; }

body.bibody .mincho, body.bibody p.mincho { font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; }
body.bibody span.line { background: linear-gradient(transparent 50%, rgba(255,119,102,0.3) 50%); z-index: -1; } 
body.bibody .bg { background: linear-gradient(to right, rgba(255,119,102,0) 0%,rgba(255,119,102,0.1) 20%,rgba(255,119,102,0.1) 80%,rgba(255,119,102,0) 100%); }

body.bibody .tel { font-size:1.6rem; font-weight:bold; color:#414; }
body.bibody .tel span { font-size:1rem; }
body.bibody .tel strong a {color:#414;}

@media screen and (max-width:960px) {
body.bibody { font-size:0.9rem; letter-spacing: normal; }
body.bibody .box h1 { padding: 0; font-size:2rem; }
body.bibody .box h3 { font-size:1.4rem; }
body.bibody .bg { margin:0 -15px; padding:1px 1rem 0 1rem; }
body.bibody .box h2 { white-space: normal; width: calc(100% + 30px); margin-left:-15px; margin-right: -15px; }
body.bibody .box h2 div { padding:0 0 0 5rem; }
body.bibody .box h2 img { height: 6rem; width: 6rem !important; left:-1.5rem; top:50%; transform: translate(0,-50%); }
body.bibody .box h2::before { width:0; }
body.bibody .box h2::after { width:0;}

}





/*ラシャスリップス*/
body.lusciouslips { background:#fff; }
body.lusciouslips a:hover { color:#125;}
body.lusciouslips .contents { width:100%; max-width:60rem; }
body.lusciouslips .pink { color:#f34c5c;}
body.lusciouslips .purple { color:#304;}
body.lusciouslips .mceContentBody, 
body.lusciouslips .mceContentBody p, 
body.lusciouslips .mceContentBody th, 
body.lusciouslips .mceContentBody td { font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; color:#125; line-height:2; }
body.lusciouslips .main { margin:0 -5%; }
body.lusciouslips .mceContentBody img { width:100%; display: block; }

body.lusciouslips .title_box,
body.lusciouslips .title_box::before, 
body.lusciouslips .title_box::after { display: none; } 
body.lusciouslips.temp .box { padding: 0; margin:-1rem 0 0 0; }
body.lusciouslips .bg_box { display: none; } 
body.lusciouslips .navibar { background:none; }
body.lusciouslips .navibar { background:none; }
body.lusciouslips .navibar ul, body.lusciouslips .navibar ul li a { color: #458; }
body.lusciouslips .arrow::before, body.lusciouslips .arrow::after { border-color: #458; }

body.lusciouslips .box h1, body.lusciouslips .box h2, body.lusciouslips .box h3, body.lusciouslips .box h4 { font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}

body.lusciouslips .box h1,
body.lusciouslips .box h2 { width: 100%; background: none; text-align: center; margin:2rem auto 1rem auto; display:flex; align-items: center; color:#125; white-space: nowrap; font-weight: 600; letter-spacing: normal; overflow: visible; }
body.lusciouslips .box h2 span.comment { font-size: 1rem; letter-spacing: normal; }
body.lusciouslips .box h1::before { content: ""; height:1px; background: none; border-bottom:1px solid rgba(17,34,85,1); flex-grow: 1; margin:0 1rem 0 calc(50% - 45vw); position: relative; bottom:0;}
body.lusciouslips .box h1::after { content: ""; height:1px; background: none; border-bottom:1px solid rgba(17,34,85,1); flex-grow: 1; margin:0 calc(50% - 45vw) 0 1rem; position: relative; bottom:0; }

body.lusciouslips .box h2::before { content: ""; height:1px; background: none; border-bottom:1px solid rgba(68,17,68,0.2); flex-grow: 1; margin:0 1rem 0 calc(50% - 45vw); position: relative; bottom:0;}
body.lusciouslips .box h2::after { content: ""; height:1px; background: none; border-bottom:1px solid rgba(68,17,68,0.2); flex-grow: 1; margin:0 calc(50% - 45vw) 0 1rem; position: relative; bottom:0; }

body.lusciouslips .box h2 .comment { font-size: 1.2rem; letter-spacing: normal; }
body.lusciouslips .box h2 img { height: 8rem; width: 8rem; position: absolute; left:0; top:-0.75rem; }

body.lusciouslips .box h3 { margin-bottom:0.5rem; padding: 0; background: none; color:#839; font-weight: 600; }
body.lusciouslips .box h3 span { display: inline; margin: auto; background: linear-gradient(transparent 50%, rgba(255, 136, 170,0.5) 50%); z-index: -1; } 

body.lusciouslips .box h4 { background: none; color:#f76; margin-bottom: 0; }

body.lusciouslips .mincho, body.lusciouslips p.mincho { font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; }
body.lusciouslips span.line { background: linear-gradient(transparent 50%, rgba(255,119,102,0.3) 50%); z-index: -1; } 
body.lusciouslips .bg { background: linear-gradient(to right, rgba(237,237,237,0) 0%,rgba(237,237,237,0.5) 20%,rgba(237,237,237,0.5) 80%,rgba(237,237,237,0) 100%); }

body.lusciouslips .name { line-height: 1.5; font-size: 1.2rem; }
body.lusciouslips .kind { line-height: 1.5; }
body.lusciouslips .price { line-height: 1.5; font-size: 2rem; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; }


body.lusciouslips .tel { font-size:1.6rem; font-weight:bold; color:#125; }
body.lusciouslips .tel span { font-size:1rem; }
body.lusciouslips .tel strong a {color:#125;}

body.lusciouslips .mceContentBody .xl, 
body.lusciouslips .mceContentBody .xl p,
body.lusciouslips .box .xl h1, body.lusciouslips .box .xl h2,
body.lusciouslips .xl .tel, body.lusciouslips .xl .tel strong a {color:#304;}
body.lusciouslips .box .xl h1::before { border-bottom:1px solid rgba(51,0,68,1); }
body.lusciouslips .box .xl h1::after { border-bottom:1px solid rgba(51,0,68,1); }
body.lusciouslips .nanto01 { font-size: 2rem; }
body.lusciouslips .nanto02 { font-size: 1.25rem; }


@media screen and (max-width:960px) {
body.lusciouslips { font-size:0.9rem; letter-spacing: normal; }
body.lusciouslips .mceContentBody { letter-spacing: normal; }
body.lusciouslips .box h1 { padding: 0; font-size:2rem; }
body.lusciouslips .box h3 { font-size:1.4rem; }
body.lusciouslips .bg { margin:0 -15px; padding:1px 1rem 0 1rem; }

body.lusciouslips .name { font-size: 1rem; letter-spacing: normal; }
body.lusciouslips .kind { font-size: 0.75rem; }
}




/*学生脱毛コース*/
body.mhr.gakusei .mceContentBody, body.mhr.gakusei .mceContentBody p,
body.mhr.gakusei .box h2, body.mhr.gakusei .box h3, body.mhr.gakusei .box h4, body.mhr.gakusei .box h5{ color:#137 !important; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; }


body.mhr.gakusei .text_box .contents { padding-bottom: 0; }
body.mhr.gakusei .text_box { margin-bottom: 0; }

body.mhr.gakusei .box h2 { display:flex; align-items: center; color:#137; font-weight: 600; }
body.mhr.gakusei .box h2 { line-height:1.2; }
body.mhr.gakusei .box h2 div span { display:inline-block; letter-spacing:0.05rem; }
body.mhr.gakusei .box h2 .h_sub { font-size:1.5rem;}
body.mhr.gakusei .box h2::before, body.mhr.gakusei .box h2::after { border-bottom:1px solid #ccc; }
body.mhr.gakusei .box h3 { color:#137; font-weight: 600; margin-left:-2rem; margin-bottom:2rem; }
body.mhr.gakusei .box .h3_01 { width:100%; max-width:30rem; }
body.mhr.gakusei .box .h3_02 { width:100%; max-width:30rem; }
body.mhr.gakusei .box .h3_03 { width:100%; max-width:30rem; }

body.mhr.gakusei .box h4::after { display:none; }
body.mhr.gakusei .box h4 { color:#137; font-size:1.5rem; font-weight: 600; margin-bottom:0; display: inline-block; width: auto; position: relative; overflow: visible; }
body.mhr.gakusei .box h4.line::after { content: ""; display: block; position: absolute; top:0.5rem; right:-0.5rem; bottom:0.5rem; left:-1rem; background: linear-gradient(to bottom, rgba(255,255,0,0) 50%, rgba(255,255,0,1) 50%,rgba(255,255,0,1) 100%); z-index: -1; border: none; }

body.mhr.gakusei .box h5 {font-weight: 600; }
body.mhr.gakusei .box h5.h_sub { color:#137; }

body.mhr.gakusei .box img { width: 100%; }

body.mhr.gakusei .main { margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); background: linear-gradient(to right, rgba(255,255,0,1) 50%, rgba(219,236,255,1) 50% ); }
body.mhr.gakusei .main img { max-width:60rem; margin: auto; }

body.mhr.gakusei .osusume_box { display:flex; flex-flow:row wrap; align-items: center; justify-content:flex-start; padding:5rem 0 8rem 0; }
body.mhr.gakusei .osusume_box .w45 { margin-right:-6rem; }
body.mhr.gakusei .osusume_box ul { list-style: none; position:relative; padding:0; }
body.mhr.gakusei .osusume_box ul li { font-size: 1.5rem; color:#137; font-weight: bold;}
body.mhr.gakusei .osusume_box ul li::before { content:"● "; color: #fff; font-size:1.5rem; }
body.mhr.gakusei .osusume_box ul::after { content: ""; position: absolute; top:-3rem; left:-7rem; display: block; width:20rem; height:20rem; border-radius:50%; background:rgba(255,255,0,0.5); z-index: -1 }

body.mhr.gakusei .course_box { display:flex; flex-flow:row wrap; justify-content:space-between; }
body.mhr.gakusei .course_box ul { list-style: none; position:relative; padding:0 0 1rem 0; }
body.mhr.gakusei .course_box ul li { color:#137; font-weight: bold; padding:0; font-size: 1.25rem; white-space: nowrap; }
body.mhr.gakusei .course_box ul li::before { content:"●"; color: #137; font-size: 1.25rem; margin-right:2px;  }
body.mhr.gakusei .course_box .course01 { position: relative; padding:0 0.5rem; }
body.mhr.gakusei .course_box .course01::before { content:""; position: absolute; top:-5rem; left:-3rem; display: block; width:34rem; height: 34rem; background:#dbecff; border-radius:50%; z-index: -1; }
body.mhr.gakusei .course_box .course01::after { content:""; position: absolute; bottom:-4rem; left:1rem; display: block; width:4rem; height: 5rem; border-top:5rem solid #dbecff; border-left:2rem solid transparent; border-bottom:0 solid transparent; border-right:2rem solid transparent; z-index: -1; transform: rotate(30deg);}
body.mhr.gakusei .course_box .course02 { position: relative; padding:0 0.5rem; top:-10rem; left:5rem; }
body.mhr.gakusei .course_box .course02::before { content:""; position: absolute; top:-2.5rem; left:-3rem; display: block; width:20rem; height:20rem; background:#dbecff; border-radius:50%; z-index: -1; }
body.mhr.gakusei .course_box .course02::after { content:""; position: absolute; bottom:-2rem; right:1rem; display: block; width:4rem; height: 5rem; border-top:5rem solid #dbecff; border-left:2rem solid transparent; border-bottom:0 solid transparent; border-right:2rem solid transparent; z-index: -1; transform: rotate(-45deg);}
body.mhr.gakusei .course_box .course02 ol { margin-bottom:0.5rem; color: #137;font-weight: bold; font-size: 1.5rem; }
body.mhr.gakusei .course_box .course02 ol > li { margin-bottom: 0; }
body.mhr.gakusei .course_box .course02 ol > li::before { background: #137; font-size:1.2rem; }
body.mhr.gakusei .course_box .course_price { margin:8rem 25% 0 0; }


body.mhr.gakusei .feature_box { display:flex; flex-flow:row wrap; align-items: center; justify-content:space-between; padding-bottom: 3rem; /*margin-bottom:8rem;*/ }
body.mhr.gakusei .feature_box .feature { padding:0 0 0 2rem; position: relative; }
body.mhr.gakusei .feature_box .feature h4 { font-size:1.875rem; }
body.mhr.gakusei .feature_box .feature::after { content: ""; position: absolute; top:-1rem; left:-1rem; display: block; width:12rem; height:12rem; border-radius:50%; background:rgba(255,255,0,0.5); z-index: -1; }

body.mhr.gakusei .yoyaku {  background:rgba(255,255,0,0.5); border-radius: 1rem; padding:2rem; max-width: 45rem; margin:0 auto 6rem auto; }
body.mhr.gakusei  .box .yoyaku h3 { margin: 0; }
body.mhr.gakusei .yoyaku a { background:#137; color:#fff; border-radius:1.25rem; font-weight:600; } 


body.mhr.gakusei .tel { font-size:2rem; font-weight:bold; color:#137; }
body.mhr.gakusei .tel span { font-size:1rem; }
body.mhr.gakusei .tel strong a {color:#137;}

body.mhr.gakusei span.line { background: linear-gradient(transparent 50%, rgba(156, 34, 85,0.1) 50%); z-index: -1; } 

body.mhr.gakusei ul.kome li { font-size: 0.8rem; font-weight: normal; }
body.mhr.gakusei ul.kome li::before { content:"※"; margin:0 0 0 -1rem; font-size: 0.8rem; }

body.mhr.gakusei .note { margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); margin-bottom: -1.8rem; background: linear-gradient(135deg , rgba(255,255,0,1) 55%, rgba(219,236,255,1) 55%); padding:3rem calc(50vw - 50%); }
body.mhr.gakusei .notice { background: linear-gradient(135deg , rgba(255,255,0,0.7) 55%, rgba(219,236,255,0.7) 55%); margin-left:auto; margin-right:auto; max-width:45rem; padding:1.5rem; text-align: left; border: none; border-radius: 0.75rem; }
body.mhr.gakusei .notice ul.kome li { font-size: 1rem; }


body.mhr.gakusei .insta { position: relative; }
body.mhr.gakusei .insta img { display: block; max-width:12rem; margin: auto; }
body.mhr.gakusei .insta::before { content:""; position: absolute; top:-11rem; left:calc(50% - 5rem); display: block; width:10rem; height:11.25rem; background: url(http://www.yonago-kodomo.jp/files/39057.png) center center /cover no-repeat; }

.f_gakusei { background: url(http://www.yonago-kodomo.jp/files/39058.png) center bottom /contain no-repeat; width:25%; position:absolute; bottom:0; right:3rem; top:-2rem; }

body.mhr.gakusei .tbl03 thead tr { background:rgba(255,255,0,0.9); background:rgba(17,51,119,0.9); font-weight:bold; }
body.mhr.gakusei .tbl03 thead th { color:#fff; border:1px solid rgba(17,51,119,0.3); }
body.mhr.gakusei .tbl03 thead td { color:#fff; font-weight:bold; border:1px solid rgba(17,51,119,0.3); }
body.mhr.gakusei .tbl03 tbody th { color:#137; text-align:left; background:rgba(255,255,0,0.5); border:1px solid rgba(17,51,119,0.3); font-weight:normal; }
body.mhr.gakusei .tbl03 tbody td { color:#137; border:1px solid rgba(17,51,119,0.3); }


@media screen and (max-width:960px) {
body.mhr.gakusei .mceContentBody, body.mhr.gakusei .mceContentBody p { font-size: 0.9rem; }
body.mhr.gakusei .text_box .contents { padding-bottom: 0; }

body.mhr.gakusei .box h3 { margin-left:-2.5rem; margin-bottom:1rem; width:calc(100% + 4rem); }
body.mhr.gakusei .box h4, body.mhr.gakusei .feature_box .feature h4 { font-size:1.25rem; }

body.mhr.gakusei .osusume_box, body.mhr.gakusei .course_box, body.mhr.gakusei .feature_box { padding:0 0 3rem 0; max-width:22rem; margin: auto; }

body.mhr.gakusei .osusume_box .w50:nth-of-type(1) { margin-right:0; }
body.mhr.gakusei .osusume_box ul { padding-left:1rem; }
body.mhr.gakusei .osusume_box ul li { font-size: 1rem; color:#137; padding:0; }
body.mhr.gakusei .osusume_box ul li::before { font-size: 1rem; } 
body.mhr.gakusei .osusume_box ul::after { width: 12rem; height: 12rem; top:-1.5rem; left:-3rem; }

body.mhr.gakusei .course_box { padding-bottom: 2rem; }
body.mhr.gakusei .course_box ul li { font-size: 0.9rem; }
body.mhr.gakusei .course_box ul li::before { font-size: 0.9; }
body.mhr.gakusei .course_box .course01::before { top:-4rem; left:calc(50% - 14rem); width:28rem; height:28rem; }
body.mhr.gakusei .course_box .course01::after { bottom:-3.5rem; left:calc(50% - 2rem); height: 4rem; border-top:4rem solid #dbecff; transform: rotate(0);}
body.mhr.gakusei .course_box .course02 { position: relative; padding:0 3rem; top:5rem; left: 0; margin: auto; text-align: center; }
body.mhr.gakusei .course_box .course02::before { top:-1.5rem; left:calc(50% - 9rem); width:18rem; height:18rem; }
body.mhr.gakusei .course_box .course02::after { bottom:-3rem; right:calc(50% - 2rem); height: 4rem; border-top:4rem solid #dbecff; transform: rotate(0);}
body.mhr.gakusei .course_box .course_price { margin:8rem auto 0 auto; }

body.mhr.gakusei .feature_box { margin-bottom: 0; }
body.mhr.gakusei .feature_box .feature { padding:0 0.5rem; position: relative; }
body.mhr.gakusei .feature_box .feature::after { left: -2rem; top:0; width:9rem; height:9rem; }

body.mhr.gakusei .yoyaku { padding:1rem; margin-bottom: 3rem; max-width: 22rem; }
body.mhr.gakusei  .box .yoyaku h3 {  text-align: center; margin-bottom:0.5rem; width:100%;  }

body.mhr.gakusei ul.kome li { font-size: 0.75rem; font-weight: normal; }
body.mhr.gakusei ul.kome li::before { margin:0 0 0 -0.75rem; font-size: 0.75rem; }

body.mhr.gakusei .insta { position: relative; padding-top:7.5rem; }
body.mhr.gakusei .insta::before { content:""; position: absolute; top:1rem; left:calc(50% - 3rem); width:6rem; height:7rem; background: url(http://www.yonago-kodomo.jp/files/39057.png) center center /contain no-repeat; }

body.mhr.gakusei .note { margin-left:-1rem; margin-right:-1rem; margin-bottom: -1.75rem; padding:2rem 1.5rem; }
body.mhr.gakusei .notice { padding: 0.75rem; }
body.mhr.gakusei .notice ul.kome li { font-size: 0.9rem; }

body.mhr.gakusei .tel { font-size:1.4rem; }
.f_gakusei { background: url(http://www.yonago-kodomo.jp/files/39058.png) center bottom /contain no-repeat; width:60%; position:absolute; bottom:0; right:0; top:12rem; }


}




/*お肌クリーニング*/
body.skincleaning { background:#fff; }
body.skincleaning .contents { width:100%; max-width:65rem; letter-spacing:0.02rem; }
body.skincleaning .mceContentBody, 
body.skincleaning .mceContentBody p, 
body.skincleaning .mceContentBody th, 
body.skincleaning .mceContentBody td { font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; color:#336; line-height:2; }
body.skincleaning .main { margin:1rem calc(50% - 50vw); background:url(http://www.yonago-kodomo.jp/files/39919.webp) top center /1400px no-repeat; text-align: center; }
body.skincleaning .main img { width:100%; max-width:1000px; margin: auto; display: block; }

body.skincleaning .title_box,
body.skincleaning .title_box::before, 
body.skincleaning .title_box::after { display: none; } 
body.skincleaning.temp .box { padding: 0; margin:-2rem 0 2rem 0; }
body.skincleaning .bg_box { display: none; } 
body.skincleaning .navibar { background:none; }
body.skincleaning .navibar { background:none; }
body.skincleaning .navibar ul, body.skincleaning .navibar ul li a { color: #888; }
body.skincleaning .arrow::before, body.skincleaning .arrow::after { border-color: #888; }

body.skincleaning .box h2 { width: 100%; background: none; text-align: center; margin:2rem auto; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; display:flex; align-items: center; color:#669; white-space: nowrap; font-weight: 600; letter-spacing: normal; position: relative; }
body.skincleaning .box h2 span.comment { font-size: 1rem; letter-spacing: normal; }
body.skincleaning .box h2::before, body.skincleaning .box h3::before { content: ""; height:1px; background: none; border-bottom:1px solid rgba(204,204,255,1); flex-grow: 1; margin:0 1rem 0 calc(50% - 45vw); position: relative; bottom:0;}
body.skincleaning .box h2::after, body.skincleaning .box h3::after { content: ""; height:1px; background: none; border-bottom:1px solid rgba(204,204,255,1); flex-grow: 1; margin:0 calc(50% - 45vw) 0 1rem; position: relative; bottom:0; }

body.skincleaning .box h2.skin_copy::before { width:7rem; min-width:7rem; transform: rotate(60deg); flex-grow: 0; border-color: #669; }
body.skincleaning .box h2.skin_copy::after { width:7rem; min-width:7rem; transform: rotate(-60deg); flex-grow: 0; border-color: #669; }

body.skincleaning .box h3, body.skincleaning .box h4 { font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; display:flex; align-items: center; margin-bottom:0.5rem; padding: 0; background: none; color:#336; font-weight: 600; }

body.skincleaning .box h4 { background: none; display:flex; flex-flow:row wrap; align-items: center; color:#669; }

body.skincleaning .mincho, body.skincleaning p.mincho { font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; }
body.skincleaning span.line { background: linear-gradient(transparent 50%, rgba(238, 136, 136,0.3) 50%); z-index: -1; } 

body.skincleaning .bg { background: linear-gradient(to right, rgba(245,246,255,0) 0%,rgba(245,246,255,1) 20%,rgba(245,246,255,1) 80%,rgba(245,246,255,0) 100%); position: relative; }

body.skincleaning .function { background: #fff; max-width:30rem; margin: auto; align-items: center; border-radius: 1rem; border:1px solid rgba(51,51,102,0.07); margin-bottom:2rem; box-shadow:0 1rem 0.5rem -0.75rem rgba(51,51,102,0.1); }
body.skincleaning .function .photo { width: 35%; border-radius: 1rem 0 0 1rem; overflow: hidden; }
body.skincleaning .function .text { width:65%; padding:1.5rem 1.5rem 1.5rem 0; }

body.skincleaning .merit { display: flex; flex-flow: row wrap; padding-bottom:5rem; }
body.skincleaning .merit > div { background: #fef4f4; width:31%; max-width:20rem; margin:0 auto 1.5rem auto; padding:1rem 1.75rem; border-radius:10rem 10rem 1rem 1rem; text-align: justify; box-shadow:0 1rem 0.5rem -0.75rem rgba(51,51,102,0.1); }
body.skincleaning .merit > div::before { content: ""; display: block; position: relative; left:calc(50% - clamp(1rem, 2.4vw, 1.5rem)); color:#e88; width:clamp(2rem, 4.8vw, 3rem); font-size: clamp(2rem, 4.8vw, 3rem); font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; text-align: center; padding: 0; line-height: 1.5; }
body.skincleaning .merit > div:nth-of-type(1)::before { content: "1"; }
body.skincleaning .merit > div:nth-of-type(2)::before { content: "2"; }
body.skincleaning .merit > div:nth-of-type(3)::before { content: "3"; }
body.skincleaning .merit h4 { display: block; width:100%; text-align: center; color:#e88; font-size: clamp(1.5rem, 2.8vw, 1.75rem); }


body.skincleaning .about01 {}
body.skincleaning .about02 { margin-left:-2rem; }
body.skincleaning .about03 { margin-right: -2rem; }
body.skincleaning .price01 {}
body.skincleaning .price_partition { height:6rem; margin: auto; position: relative;}
body.skincleaning .price_partition::after { content:""; display: block; position: absolute; left:50%; top:0; height:6rem; width: 1px; border-left: 1px solid rgba(204,204,255,1); transform: rotate(20deg); }
body.skincleaning .price02 { position: relative; }
body.skincleaning .price01 .osusume { position: absolute; width:6.875rem; top:-3.5rem; left:0; }

body.skincleaning .tel { font-size:1.6rem; font-weight:bold; color:#336; }
body.skincleaning .tel span { font-size:1rem; }
body.skincleaning .tel strong a {color:#336;}

body.skincleaning ul.kome li { font-size: 0.9rem; }
body.skincleaning ul.kome li::before { content:"※"; margin:0 0 0 -1rem; }

body.skincleaning .b_yoyaku { background:#e88; color:#fff; width: auto; font-size:1.6rem; border-radius:1.25rem; padding:0.5rem 3rem; display:flex; flex-flow:row wrap; justify-content:center; align-items: center; text-decoration: none; margin:1rem auto; max-width:25rem; }


.superellipse { transform: rotate(-19deg); border-radius: 43% 57% 43% 57% / 57% 43% 57% 43%; overflow: hidden; margin: auto; }
.superellipse img { transform: rotate(19deg); width: 100%; }

@media screen and (max-width:960px) {
.tc.resptl { text-align: left; }
body.skincleaning { font-size:0.9rem; letter-spacing: normal; }
body.skincleaning .main { margin:1rem -15px; }
body.skincleaning .bg { margin:0 -15px !important; padding:0 15px; width: 100vw; background: linear-gradient(to right, rgba(245,246,255,0.5) 0%,rgba(245,246,255,1) 20%,rgba(245,246,255,1) 80%,rgba(245,246,255,0.5) 100%); }

body.skincleaning .about01 { order:1; }
body.skincleaning .about02 { order:2; margin-left:0; }
body.skincleaning .about03 { order:3; margin-right:0; }
body.skincleaning .box h3 { font-size:1.4rem; }
body.skincleaning .price01 { margin: auto; }
body.skincleaning .price02 { margin: auto; }

body.skincleaning .function { margin-bottom:1rem; }
body.skincleaning .function .photo { width: 32%; }
body.skincleaning .function .text { width: 68%; padding:0.75rem 0.75rem 0.75rem 0; line-height:1.6; }

body.skincleaning .merit > div { width:100%; }

body.skincleaning .price_partition { height:3rem; }
body.skincleaning .price_partition::after { height:3rem; }

body.skincleaning .box h2.skin_copy::before { margin:0 -2rem 0 0; }
body.skincleaning .box h2.skin_copy::after { margin:0 0 0 -2rem;}

}



/*ティクセル*/
body.tixel { background:#fff; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; color:#667; line-height:2;  }
body.tixel .contents { width:100%; max-width:65rem; letter-spacing:0.02rem; }
body.tixel .mceContentBody, 
body.tixel .mceContentBody p, 
body.tixel .mceContentBody th, 
body.tixel .mceContentBody td { font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; color:#667; line-height:2; }
body.tixel .main { margin:1rem calc(50% - 50vw); background:#f9f9fa; text-align: center; }
body.tixel .main img { width:100%; max-width:1000px; margin: auto; display: block; }

body.tixel .title_box,
body.tixel .title_box::before, 
body.tixel .title_box::after { display: none; } 
body.tixel.temp .box { padding: 0; margin:-2rem 0 2rem 0; }
body.tixel .bg_box { display: none; } 
body.tixel .navibar { background:none; }
body.tixel .navibar { background:none; }
body.tixel .navibar ul, body.tixel .navibar ul li a { color: #888; }
body.tixel .arrow::before, body.tixel .arrow::after { border-color: #888; }

body.tixel .box h2 { width: 100%; background: none; text-align: center; margin:2rem auto; display:flex; align-items: center; color:#667; white-space: nowrap; font-weight: 600; letter-spacing: normal; position: relative; }
body.tixel .box h2 span.comment { font-size: 1rem; letter-spacing: normal; }
body.tixel .box h2::before, body.tixel .box h3::before { content: ""; height:1px; background: none; border-bottom:3px double rgba(250,165,28,1); flex-grow: 1; margin:0 1rem 0 calc(50% - 45vw); position: relative; bottom:0;}
body.tixel .box h2::after, body.tixel .box h3::after { content: ""; height:1px; background: none; border-bottom:3px double rgba(250,165,28,1); flex-grow: 1; margin:0 calc(50% - 45vw) 0 1rem; position: relative; bottom:0; }

body.tixel .box h2.skin_copy::before { width:7rem; min-width:7rem; transform: rotate(60deg); flex-grow: 0; border-color: #667; }
body.tixel .box h2.skin_copy::after { width:7rem; min-width:7rem; transform: rotate(-60deg); flex-grow: 0; border-color: #667; }
body.tixel .box h3, body.tixel .box h4 { font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; display:flex; align-items: center; margin-bottom:0.5rem; padding: 0; background: none; color:#667; font-weight: 600; }
body.tixel .box h4 { background: none; display:flex; flex-flow:row wrap; align-items: center; color:#667; }
body.tixel span.line { background: linear-gradient(transparent 50%, rgba(250,165,28,0.3) 50%); z-index: -1; } 

body.tixel .effects {  }
body.tixel .effects ul { list-style: none; margin: auto; font-size:clamp(1rem, 2.4vw , 1.5rem); padding: 0; width:100%; max-width:32rem; }
body.tixel .effects ul li { padding-left:clamp(2rem, 3.0vw , 2.5rem); background: url(http://www.yonago-kodomo.jp/files/40071.png) left center /clamp(1.5rem, 3.2vw , 2rem) no-repeat; }

body.tixel .features {  }
body.tixel .features ul { list-style: none; display: flex; flex-flow: row wrap; justify-content: space-between;  padding: 0; }
body.tixel .features ul li { background: rgba(250,165,28,0.3) url(http://www.yonago-kodomo.jp/files/40074.png) center center /7rem no-repeat; border-radius: 0.5rem; display: block; padding: 3rem 0; text-align: center; font-size:1.5rem; line-height: 1.5; font-weight: bold; max-width: 20rem; }
body.tixel .features ul li span { display: block;  font-size:1.25rem;  }

body.tixel .price_box { order:1; }
body.tixel .price_box + .kome_box { order:2;}

body.tixel .now_box { position: relative; order:3; }
body.tixel .now_box::after { content:""; display: block; border-bottom:2rem solid #faa51c; border-top: 2rem solid transparent; border-left: 1rem solid transparent; border-right: 1rem solid transparent; position: absolute; top:-4rem; left:calc(50% - 1rem);  }

body.tixel .before, body.tixel .after { border-radius: 0.5rem; position: relative; overflow: hidden; }
body.tixel .before::after { content:"施術前"; background: #fff; position: absolute; left:0; bottom:-0.5rem; padding: 0 0.5rem 0 0; border-radius:0 0.25rem 0 0; }
body.tixel .after::after { content:"2回施術後"; background: #fff; position: absolute; left:0; bottom:-0.5rem; padding: 0 0.5rem 0 0; border-radius:0 0.25rem 0 0; }

body.tixel .tel { font-size:1.6rem; font-weight:bold; color:#667; }
body.tixel .tel span { font-size:1rem; }
body.tixel .tel strong a {color:#667;}

body.tixel ul.kome li { font-size: 0.9rem; }
body.tixel ul.kome li::before { content:"※"; margin:0 0 0 -1rem; }

body.tixel .b_yoyaku { background:#faa51c; color:#fff; width: auto; font-size:1.6rem; border-radius:1.25rem; padding:0.5rem 3rem; display:flex; flex-flow:row wrap; justify-content:center; align-items: center; text-decoration: none; margin:1rem auto; max-width:25rem; }


@media screen and (max-width:960px) {
.tc.resptl { text-align: left; }
body.tixel { font-size:0.9rem; letter-spacing: normal; }
body.tixel .main { margin:1rem -15px; }
body.tixel .box h3 { font-size:1.4rem; }

body.tixel .price_box { order:1;}
body.tixel  .price_box + .kome_box { order:3;}
body.tixel .now_box { position: relative; order:2; }
body.tixel .now_box::after { border-bottom:2rem solid #faa51c; border-top: 2rem solid transparent; border-left: 1rem solid transparent; border-right: 1rem solid transparent; position: absolute; top:-4rem; left:80%;  }

body.tixel .features ul { flex-flow: column wrap; }
body.tixel .features ul li { margin:0 auto 1rem auto; }

}


/*美容ページ共通*/
body.beauty h1, body.beauty h2, body.beauty h3, body.beauty h4, body.beauty h5, body.beauty h6 { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; line-height:1.5; letter-spacing:clamp(0.1rem, 0.2vw, 0.3rem); position: relative; padding:0; text-align:left; font-weight:normal; color:#333;}
body.beauty h1 { font-size:clamp(1.8rem, 4.8vw, 3rem); margin-bottom:clamp(1rem, 2.4vw, 2rem); }
body.beauty h2 { font-size:clamp(1.6rem,4.0vw,2.5rem); /*display: flex; align-items: center;*/ position: relative; }
body.beauty h3 { font-size:clamp(1.4rem,3.2vw,2rem); }
body.beauty h4 { font-size:clamp(1.25rem,2.4vw,1.5rem); }
body.beauty h5 { font-size:clamp(1.125rem,2.0vw,1.25rem); }
body.beauty h6 { font-size:clamp(1.0rem,1.8vw,1.125rem); }
body.beauty .mceContentBody img {display: block; }

body.beauty { background:#fff; font-feature-settings: "palt"; }
body.beauty .contents { width:100%; max-width:68rem; }
body.beauty .mceContentBody, 
body.beauty .mceContentBody p, 
body.beauty .mceContentBody th, 
body.beauty .mceContentBody td { /*font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";*/ color:#333; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; width: 100%; background: none; text-align:left; font-weight: normal;}


body.beauty .title_box,
body.beauty .title_box::before, 
body.beauty .title_box::after { display: none; } 
body.beauty.temp .box { padding: 0; margin:-1rem 0 2rem 0; }
body.beauty .bg_box { display: none; } 
body.beauty .navibar { background:none; }
body.beauty .navibar ul, body.beauty .navibar ul li a { color: #888; }
body.beauty .arrow::before, body.beauty .arrow::after { border-color: #888; }


body.beauty .box h2, body.beauty .box h3, body.beauty .box h4, body.beauty .box h5 { font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; width: 100%; background: none; text-align:left; font-weight: normal; margin:2rem 0;  }
body.beauty .box h2 { display: block; color:#333; white-space: nowrap; }
body.beauty .box h2 span.comment { font-size: 1rem; letter-spacing: normal; }
body.beauty .box h2::before { display: none; }
body.beauty .box h2::after { display: none; }

body.beauty ul.page-link { text-align: left; margin:0 auto 2rem auto !important; padding:0.5rem 0.5rem; display:flex; flex-flow:row wrap; justify-content:flex-start; position: relative; z-index: 0; transition:0.25s; width:100%; overflow-x: auto; border-bottom:1px solid #af9977; }
body.beauty ul.page-link li { display: inline-block; padding:0; margin: 0; box-sizing:border-box; position:relative; z-index:100; white-space:nowrap; }
body.beauty ul.page-link li a { display: block; padding:0.5rem 1rem 0.5rem 1.5rem; text-decoration: none; position: relative; z-index:100; line-height: 1.5; color:#333; }
body.beauty ul.page-link li a:hover { color:#af9977;} 
body.beauty ul.page-link li.active a, .index_box.active a .title { /*background: linear-gradient(to right, rgba(255,109,85,1) 0%,rgba(234,65,158,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 600;*/ }
body.beauty ul.page-link a::before { content:""; position:absolute; display:block; left:0.5rem; top:0.8rem; width:0.5rem; height:0.5rem; margin:0; border-bottom:1px solid #af9977; border-right:1px solid #af9977; transform:rotate(45deg); box-sizing:border-box; }
body.beauty ul.page-link li.active a::before { /*border-color:#f65;*/ }
.f_s ul.page-link a::before { top:0.9rem;}
.hero + ul.page-link li.active { border-top: none; }
.hero + ul.page-link li.active a { margin-bottom:-2px; border-top: none; }
body.beauty ul.page-link.bottom { max-width:70rem; margin:2rem auto 4.5rem auto !important; padding:1rem 0 0 0; border-top:1px solid rgba(34,34,34,0.2); }
body.beauty ul.page-link.bottom a::before { top:1.1rem; transform:rotate(-135deg); }


/*NMN点滴*/
body.nmn .b_rsv { background:rgba(217,192,128,0.9); display: flex; justify-content: center; align-items: center; text-decoration: none; color: #fff; width:100%; max-width:12.5rem; height: 3rem; letter-spacing:0.1rem; }
body.nmn .b_rsv:hover { background:rgba(217,192,128,1); color: #fff; }
body.nmn .price_box { margin-bottom: 0 !important; }

.mincho { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }

@media screen and (max-width:960px) {
body.nmn .effect_box h2, body.nmn .effect_box h5, body.nmn .effect_box p { color:#fff;  }
}


/*チタニウムリフティング*/
body.tl .mceContentBody + br { display: none; }
body.tl  .text_box .contents { padding-bottom: 0; }
body.tl.temp .box { margin-bottom: 0; }




.flex { display:flex; flex-flow:row wrap; justify-content:space-between; position: relative; }
.flex.jcfs { justify-content:flex-start; }
.flex.jcsa { justify-content:space-around; }
.flex.aic { align-items: center; }
.flex.aifs { align-items: flex-start; }
.flex.aife { align-items: flex-end; }
.flex img { width: 100%; }

.w100 { width: 100%; margin-right:0 !important; margin-left:0 !important; }
.w90 { width: 90%; }
.w85 { width: 85%; }
.w80 { width: 80%; }
.w75 { width: 75%; }
.w70 { width: 70%; }
.w66 { width: 66%; }
.w65 { width: 65%; }
.w60 { width: 60%; }
.w55 { width: 55%; }
.w50 { width: 50%; }
.w49 { width: 49%; }
.w48 { width: 48%; }
.w45 { width: 45%; }
.w40 { width: 40%; }
.w35 { width: 35%; }
.w33 { width: 33.33%; }
.w32 { width: 32%; }
.w31 { width: 31%; }
.w30 { width: 30%; }
.w25 { width: 25%; }
.w24 { width: 24%; }
.w22 { width: 22%; }
.w20 { width: 20%; }
.w15 { width: 15%; }
.w10 { width: 10%; }
.w5 { width: 5%; }

.ma { margin: auto; }


.b_beauty { position: fixed; writing-mode:vertical-rl; top:12rem; right:0; padding:1rem 0.5rem; width:3rem; /*background: linear-gradient(135deg, rgba(221,187,85,1) 1%,rgba(204,170,68,1) 50%); */display:flex; justify-content: center; align-items: center; border-radius:0.5rem 0 0 0.5rem; z-index: 20000; color:#fff !important; text-decoration: none; border:2px solid rgba(255,255,255,0.8); border-right: 0px solid transparent; white-space: nowrap; font-size:1.2rem; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; background: linear-gradient(135deg, #ca4 0%, #ca4 50%, #e2ce94 60%, #ca4 70%, #ca4 90% 100%); background-size: 800% 400%; animation: gold_gradient 6s infinite cubic-bezier(.62, .28, .23, .99) both; text-shadow:0 2px 2px rgba(0,0,0,0.15); box-shadow:0 1rem 0.5rem -0.75rem rgba(0,0,0,0.05); box-shadow:0.25rem 0.25rem 0.5rem rgba(0,0,0,0.1); }

body.mhr .b_beauty, body.furmup .b_beauty, 
body.kogao .b_beauty, body.soshin .b_beauty, 
body.bibody .b_beauty, body.skincleaning .b_beauty,
body.femcare .b_beauty, body.lusciouslips .b_beauty
, body.tixel .b_beauty { display: none; }


.b_consulting { position: absolute; width: auto; top:5.9rem; writing-mode: horizontal-tb; padding:0.5rem 1rem 0.5rem 1.75rem; background:#70C7AA; border:1px solid rgba(255,255,255,0.8); border-radius: 0.5rem; right:1rem; box-shadow:none; text-decoration: none; z-index:1000; line-height: 1; box-sizing: border-box; }
.b_consulting span { -webkit-background-clip: text; font-weight: bold; color: #fff; letter-spacing: 0.12em }
.b_consulting::after { content:""; display: block; width: 0.5rem; height: 0.5rem; border-top:2px solid #fff; border-right:2px solid #fff; transform: rotate(45deg); position: absolute; top:calc(50% - 0.25rem); left:0.5rem; z-index: 10010;}

/*20250916追記東京がん検査ラボラトリー*/
.b_lab {position: absolute; width: auto; top: 5.9rem; writing-mode: horizontal-tb; padding: 0.5rem 1rem 0.5rem 1.75rem; background: #24467B; border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 0.5rem; right: 9rem; box-shadow: none; text-decoration: none; z-index: 1000; line-height: 1; box-sizing: border-box;}
.b_lab span { -webkit-background-clip: text; font-weight: bold; color: #fff; letter-spacing: 0.12em;} 
.b_lab::after {content: "";  display: block; width: 0.5rem; height: 0.5rem; border-top: 2px solid #fff; border-right: 2px solid #fff;  transform: rotate(45deg); position: absolute; top: calc(50% - 0.25rem); left: 0.5rem; z-index: 10010;}

@media screen and (max-width: 700px) {.b_lab {width: 150px;}}

@keyframes gold_gradient {
0% { background-position: 50% 0%; }
45% { background-position: 50% 100%; }
55% { background-position: 50% 100%; }
100% { background-position: 50% 0%; }
}

@media screen and (max-width:960px) {
.b_beauty { top:11.5rem; font-size: 1rem; width:2.8rem;  }

.b_consulting { /*background: linear-gradient(135deg, rgba(255,85,0,1) 1%,rgba(255,170,34,1) 100%);*/ position: absolute !important; top:8.9rem; right:0.75rem; width:auto; padding: 0.6rem 0.7rem 0.6rem 1.4rem; writing-mode: horizontal-tb; box-shadow: none; }
.b_consulting::after { border-color: #fff; }
.b_consulting span { colr:#fff; -webkit-text-fill-color:#fff; }

.resp_mt4{margin-top: 4%;}
.b_lab {top: 8.9rem; padding:0.75rem 0.5rem 0.75rem 1.25rem;}

.resp100 { width:100%; }
.resp90 { width:90%; }
.resp80 { width:80%; }
.resp75 { width:75%; }
.resp70 { width:70%; }
.resp60 { width:60%; }
.resp50 { width:50% !important; }
.resp48 { width:48% !important; }
.resp49 { width:49% !important; }
.resp40 { width:40%; }
.resp25 { width:25%; }
.index_box.sdgs { width:100%; }
.resp100 h3 { margin-bottom: 0; } 
.resp_no { display: none; }
.resp_ma { margin: auto; }
.resp_tc { text-align: center; }
}



@media screen and (max-width:480px) {
.b_consulting { right:0.5rem; padding: 0.6rem 0.7rem 0.6rem 1.4rem; font-size:0.85rem; top: 8.9rem; }
.b_lab { top: 8.3rem; right: 7.1rem; font-size: 0.73rem; width: 95px;padding: 0.4rem 0.4rem 0.4rem 1.1rem;	}	
.b_lab::after { left: 0.2rem; }
}



@media print {

html { background:none; height:auto; min-height:auto; }
body { background:none; margin:0; padding:0; }

/*▼ALL▼*/
.contents { width:99%; background:none; padding:0; margin:0; line-height:1.8; }

.header { background:none; height:0; padding:0; margin:0; display:none; }
.skippr { background:none; height:0; padding:0; margin:0; display:none; }
.side { background:none; height:0; padding:0; margin:0; display:none; }
.article, .temp .article { float:none; width:100%; top:0; }


h1 { background:none; color:#333; border-bottom:5px solid #ccc; }
.text_box { padding:0; box-shadow:none; }

.index_title { padding:5px 0 5px 0; background:none; }


.tbl01 { border:2px solid #ccc; border-collapse:collapse; margin-bottom:20px; }
.tbl01 th, .tbl01 td { border:2px solid #ccc; }

.sns { display:none; }

.b_box, .fm { display:none; }

}





#overlay { display:none; width:80%; /* a border, so the player can fill the flexible-sized overlay */ border:20px solid #fff; border-radius:20px; background-color:#fff; box-shadow:0 0 40px #000; }
#overlay .close { display:block; position:absolute; top:-35px; right:-35px; width:35px; height:35px; background-image:url(//jquerytools.github.io/media/img/overlay/close.png); border-radius:35px; cursor:pointer; }
 
#overlay-player { background-color:#000; }
 
#overlay-triggers { color:#777; list-style:none; font-size:18px; width:7em; margin-left:7em; }
#overlay-triggers li { cursor:pointer; background:url(//d12zt1n3pd4xhr.cloudfront.net/fp/img/fp5arrow.png) 0 2px no-repeat; padding-left:24px; margin:0.5ex 0; }
#overlay-triggers li:hover { color:#111; }