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.25em; }
.f_s { font-size:0.8em; }

.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 {}

.all { position:relative; min-height:100%; margin-bottom:-160px;}
.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;  }

/*-- 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 { padding:20px 10px; }
.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; }
.h_logo img { width:100%; }
.h_tel { float:left; width:240px; height:26px; margin:6px 0; }
.h_address { display:none; color:#fff; text-align:center; font-size:0.8em; }
.h_mail, .h_access, .h_fb, .h_zige { float:right; width:32px; height:32px; padding:2px; margin:4px; box-sizing:border-box; position: relative; z-index:800;   }
.h_mail:hover, .h_access:hover, .h_fb:hover, .h_zige:hover { padding:0; }
.h_mail img, .h_access img, .h_fb img, .h_zige img { width:100%; }
.h_zige { display:none;}


.sp_menu, .hm_sp { display:none; }

.h_main { height:540px; line-height:0; overflow:hidden; position:relative;}
.h_main .inner { margin:0 auto; width:1000px; height:540px; 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;;}


.hm_sp { display:none; }

/*--HEADER MENU/--*/
.hm { /*position:absolute; bottom:0;*/position:relative; width:100%; background:url(../img/bg01.jpg); z-index:2000; }
.hm ul { display:block; height:70px; text-align:center; font-size:16px; margin:0 0 0 -100px; padding:0; z-index:2500; }
.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 25px 0 30px; 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:50px; 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:50px; 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:130px;  }
.hm ul .m06 a, .hm ul .m07 a { position:absolute; top:-30px; padding:2px; background:none; width:130px; height:130px; }
.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 a, .hm.fixed ul .m07 a { background:none; top:-25px; width:100px; height:100px;}
.hm, .temp .hm, .hm.fixed { box-shadow:0 2px 3px rgba(0,0,0,0.2); }


/*20220125 校正用追記*/
body.test .hm ul { margin:0; }
body.test .hm ul li a {  padding:0 2rem; }
body.test .hm ul .m06 a, body.test .hm ul .m07 a { position:relative; top:-30px; padding:2px; background:none; width:130px; height:130px; }




.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 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_yens { display:block; width:90%; max-width:900px; margin:0 auto; border-radius:10px; overflow:hidden; }
.b_yens img { width:100%; height:auto; }
.b_box { padding:80px 0; }


/*お知らせ*/
.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 { display:none; }
.info .b_appo img { width:100% }


/*診療について*/
.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:60px; }
.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) no-repeat 0 top; }
.appo ul .m01 a:hover { -webkit-animation:appo_m01 0.5s steps(3) infinite; animation:appo_m01 0.5s steps(3) infinite; }
@keyframes appo_m01 { 0% { background-position:0 top;} 100% { background-position:-690px top; } }

.appo ul .m02 a { background:url(../img/b_appo02.gif) no-repeat 0 top; }
.appo ul .m02 a:hover { -webkit-animation:appo_m02 0.5s steps(3) infinite; animation:appo_m02 0.5s steps(3) infinite; }
@keyframes appo_m02 { 0% { background-position:0 top;} 100% { background-position:-690px top; } }

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

.appo ul .m04 a { background:url(../img/b_appo04.gif) no-repeat 0 top; }
.appo ul .m04 a:hover { -webkit-animation:appo_m04 0.5s steps(3) infinite; animation:appo_m04 0.5s steps(3) infinite; }
@keyframes appo_m04 { 0% { background-position:0 top;} 100% { background-position:-690px top; } }


/*脱毛について*/
.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; }

.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; }
@keyframes yubi {0% { left:3rem; } 25% { left:2.5rem; transform: rotate(3deg); } 75% { left:3.5rem; transform: rotate(-3deg); } 100% { left:3rem; }}
.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; }
@keyframes hika {0% { transform: rotate(0);} 25% { transform: rotate(4deg); } 75% {transform: rotate(-4deg); } 100% { transform: rotate(0); }}
.guide a:hover .ushi { animation: ushi 1s linear 0.1s infinite; }
@keyframes ushi {0% { bottom:3rem;} 10% { bottom:3rem; } 50% { bottom:5rem; } 100% { bottom:3rem; }}
.guide a:hover .miya { animation: miya 2s linear 0.1s infinite; }
@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); }}
.guide a:hover .taka { animation: taka 1s linear 0.1s infinite; }
@keyframes taka {0% { bottom:0;} 10% { bottom:0; } 50% { bottom:2rem; } 100% { bottom:0; }}
.guide a:hover .miya { animation: miya 2s linear 0.1s infinite; }


/*--クリニック案内 2020/12/01校正追加--
m01_クリニック案内、
m02_院内設備、
m03_流行中の病気、
m04_こどもSOS、
m05_よなくりギャラリー、
m06_漢方薬治療Q&A
m07_教えてゆび先生*/

/*--校正用追記20201201--*/








/*コーナー*/
.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:0 -130px 0 130px; margin:auto; }
/*--じげ風呂--*/
.corner ul .m07 { display:none; } 









/*アクセス*/
.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; }
.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 .b_link { display:inline-block; /*position:absolute; right:0; top:-20px;*/ width:180px; margin:5px; }
.footer .b_link img { max-width:100%; }
.footer .b_link:hover { opacity:0.8; transition:0.5s;}

#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:150px; }

.temp .hm { position:absolute; bottom:auto; top:60px; background:url(../img/bg01.jpg); }
.temp .hm ul { height:50px; }
.temp .hm ul li a { line-height:50px; }
.temp .hm ul .m06 a { top:-90px; }
.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; }
.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;   }
.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.5em 10px 0.5em 40px; background:#fff url(../img/i_arrow02.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%; }

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; }


.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; }



/*--アコーディオン--*/
.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; }
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:768px) {
.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;  }

}









@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; }