/*
Theme Name: Lab
Theme URL: https://lab.ebase-sl.jp
Description: LabHP
Author: eBase
Version: 1.0.0
*/
html { height:100%; width:100%; }
body { height:100%; width:100%; margin:0; padding:0; color:#333; background:#fff; font-size:1rem; font-weight:300; letter-spacing:0.04rem; line-height:2; letter-spacing:0.04rem; overflow-x:hidden; overflow-y:auto; }
a:link { color:#333; text-decoration:none; outline-style:none; transition:0.15s; }
a:visited { color:#333; text-decoration:none; }
a:hover { color:#09e; text-decoration:none; }
.white { color:#fff; }
.blue, .blue a { color:#09e; }
.green, .green a{ color:#5a5; }
.orange, .orange a { color:#F90; }
.red, .red a { color:#f55; }
.black { color:#333; }
.f_l { font-size:1.4rem; }
.f_s { font-size:0.8rem; }
.tr { text-align:right; }
.tc { text-align:center; }
.tl { text-align:left; }
.pc_no { display:none; }
.sp_no { display:block; }
span.sp_no { display:inline; }
br.sp_no { display:inline; }
img { /*width:100%;*/ max-width:100%; height:auto; }
p:empty { display:none; }
/*-- ARTICLE/ --*/
.article { width:100vw; max-width:1300px; margin:0 auto; padding:0 clamp(1rem,5vw,3rem); box-sizing:border-box; position:relative; z-index:1; }
.full { margin-left:calc(80% - 50vw); margin-right:calc(30% - 50vw); }
.full_bg { padding-left:calc(50vw - 80%); padding-right:calc(50vw - 30%); }
.full_max { margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
.contents { display:block; position:relative; padding:0; margin:0 0 3rem 0; }
.contents::after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
p { /*position:relative;*/ }
/*-- LOADING/ --*/
#loader-bg { height:100%; width:100%; position:fixed; top:50%; left:50%; background:#fff; transition:.5s; z-index:1000; transform:translate(-50%,-50%); }
.spinner { position:absolute; top:calc(50% - 0.5rem); left:calc(50% - 35px); width:70px; text-align:center; opacity:0.5; }
.spinner > div { width:1rem; height:1rem; margin:0 0.1rem; background:#09e; border-radius:100%; display:inline-block; animation:sk-bouncedelay 1.4s infinite ease-in-out both;}
.spinner div:nth-of-type(1) { animation-delay:-0.32s;}
.spinner div:nth-of-type(2) { animation-delay:-0.16s;}
@keyframes sk-bouncedelay { 0%, 80%, 100% { transform:scale(0);} 40% { transform:scale(1.0);}}
.seo { display:block; text-align:center; font-size:0.8rem; padding:1.5rem; }
/*-- HEADER/ --*/
.header { z-index:1000; transition:0.15s; position:relative; background:rgba(255,255,255,1); margin-bottom:2rem; }
.header .logo { position:absolute; /*top:-15px; left:-20px; white-space:nowrap; width:140px; height:70px; background:#fff url(/wp-content/uploads/2019/10/lab_logo.png) center center /120px no-repeat;*/ box-sizing:border-box; top:-25px; left:-10px; width:90px; height:90px; background:#fff url(/wp-content/uploads/2020/08/logo_ebase.png) center center /80% no-repeat; }
.header .logo strong { display:inline-block; vertical-align:middle; font-size:2rem; font-weight:300; line-height:50px; }
.header .logo span { display:inline-block; vertical-align:middle; font-size:1.1rem; padding:0 1rem; line-height:50px; }
.header .contact { position:absolute; bottom:0; right:0; text-decoration:none; white-space:nowrap; width:40px; height:43px; background:url(common/img/i_mail01.svg) center top /40px no-repeat; box-sizing:border-box; min-height:40px; z-index:500; }
.header .contact:hover { background-image:url(common/img/i_mail02.svg); }
/*.header .contact::after { content:"縺雁撫縺�粋繧上○縺皮嶌隲�"; position:absolute; font-size:0.8rem; bottom:-0.5rem; left:50%; transform:translate(-50%,0);}*/
.header::after { content:""; position:absolute; left:1rem; right:1rem; bottom:1.25rem; border-bottom:1px solid #333; z-index:-1; }
body#top .header .logo { /*background:none;*/ }
.header .medio_logo { position:absolute; right:-3px; top:1rem; display:block; width:30vw; height:4vw; max-width:240px; max-height:32px; background:url(/wp-content/uploads/2020/08/medio.png) center center /100% no-repeat; box-sizing:border-box; }
.mean-container .mean-bar .logo { position:absolute; top:12px; left:15px; display:block; height:40px; width:160px; background:url(/wp-content/uploads/2020/08/logo_ebase_sp.png) center center /cover no-repeat; }
/*-- MAIN/ --*/
.main { display:flex; align-items:center; justify-content:center; width:100%; margin-bottom:2rem; text-align:center; height:400px; /*background:url(/wp-content/uploads/2019/10/lab_logo.png) center center /280px no-repeat;*/ background:url(/wp-content/uploads/2020/08/logo_202008.png) center center /50% no-repeat; box-sizing:border-box; min-height:80px; }
.main_test { display:none;}
body.test .main { display:none; }
body.test .main_test { display:block; }
.main a { display:block; width:25%; height:10rem; }
.main a[target='_blank']::after,
.header .medio_logo::after,
.slideshow a[target='_blank']::after,
.slick-slider a[target='_blank']::after { display:none !important; }
body.top hr { border-top: 1px solid #333 !important; }
/*--譬｡豁｣逕ｨ20241106霑ｽ險�--*/
.index_box#post-4328 { display:none;}
body.test .index_box#post-4328 { display: inline-block; }
.slideshow { position:relative; width:100%; padding-top:41.6%; overflow:visible; margin-bottom:3rem; }
.slideshow .item { position:absolute; top:0; bottom:0; display:none; }
.slick-slider { width:100%; margin:0 auto 2rem auto; padding:0; overflow:visible; list-style:none; }
.slick-slider img { width:100%; margin:0 auto 1rem auto; }
.slick-slider .slick-prev, .slick-slider .slick-next { display:none !important; }
.slick-slider .slick-dots { text-align:center; }
.slick-slider .slick-dots li { display:inline-block; padding:0.25rem 0.5rem }
.slick-slider .slick-dots li button { display:inline-block; background:#eee; width:0.75rem; height:0.75rem; border-radius:1rem; text-indent:-5rem; /*overflow:visible;*/ margin:0; padding:0; border:none; outline-style:none; }
.slick-slider .slick-dots li button::after { display:none; }
.slick-slider .slick-dots li.slick-active button { background:rgba(0,159,232,0.9); }
.slick-slider a { border:none; }
.slick-truck { opacity:0;}
.slick-slider ul { margin:0; padding:0; }
.slick-slider a.contact { position:absolute; right:0; bottom:0; white-space: nowrap; background: #1b94d3; color: #fff; text-decoration: none; display: block; font-size: 1.2rem; padding: 0.25rem 2rem 0.25rem 1rem ; }
.slick-slider a.contact::after {border-right: 1px solid #fff; border-top: 1px solid #fff; content: ""; display: block; height: 10px; right: 1rem; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); transition: all 0.2s ease-in-out 0s; width: 10px; box-sizing:border-box;}
.h_shadow,.h_shadow2 { box-shadow:0 20px 30px rgba(0,0,0,0.1); transition:0.15s; }
@media screen and (max-width:960px) {
.slick-slider img { margin:0 auto 2rem auto; }
}
@media screen and (max-width:480px) {
.slick-slider img { margin:0 auto 1rem auto; }
.slick-slider a.contact { font-size: 1rem; }
}
/*繧ｹ繝ｩ繧､繝牙虚逕ｻ*/
.slick_video {display:block; opacity:0;}
.slick_video .slick-slide { max-height:614px; position:relative; }
.slick01 { display:none; }
.slick_video.slick-initialized { opacity:1; }
.slick-slide .video_wrap { position:relative; /*padding-top:56.25%;*/ overflow:hidden; z-index:5000; }
.slick-slide video {display: block; aspect-ratio:16/9; /*position: absolute;top: 50%; left: 50%; min-width: 100%; min-height: 100%; height: auto; transform: translate(-50%, -50%);*/ width:100%; object-fit:cover; }
.slick-slide .aoyakamijichi_v video { width:140%; }
.slick_video.slick-slider .slick-list { padding:0 !important;}
.slick-slide .comment { position:absolute; bottom:0; left:0; right:0; line-height:1.5; background:rgba(0,159,232,0.8); color:#fff; z-index:100000; }
.slick-slide .comment a { color:#fff; display:block; position:relative; padding:0.5rem 1rem 0.5rem 2rem; }
.slick-slide .comment a::before { content:""; display:block; width:0.5rem; height:0.5rem; border-top:1.5px solid #fff; border-right:1.5px solid #fff; transform:rotate(45deg); position:absolute; left:0.75rem; top:calc(50% - 0.25rem);}
.omi_kango_v + .comment { background:rgba(143,194,31,1);}
.kawasaki-obgyne_v + .comment { background:#f5a2bb;}
.aoyakamijichi_v + .comment { background:rgba(0,153,210,1);}
.toridai_radio_v + .comment { background:#97b2ff;}
/*-莨夂､ｾ譯亥�繧､繝｡繝ｼ繧ｸ繝薙ョ繧ｪ-*/
.video_wrap { }
.video_wrap video { width:100%; height:auto;}
/*-- MENU/ --*/
.hm { z-index:100; margin:auto; text-align:center; position:relative; }
.hm ul { display:inline-block; padding:0 1rem; margin:0 auto; list-style:none; letter-spacing:-.4rem; box-sizing:border-box; text-align:center; background:#fff; transition:0.5s; }
.hm ul li { display:inline-block; padding:0; margin:0 auto; letter-spacing:0.1rem; box-sizing:border-box; transition:0.5s; position:relative; }
.hm > ul > li > a { display:block; margin:0; padding:0.25rem 1rem; text-decoration:none; position:relative; }
.hm ul li:hover a, .hm ul li a:hover, .hm ul li a.active { color:#09e; }
.hm li .sub { display:none; height:0; position:absolute; top:100%; right:50%; transform:translate(50%, 0); padding:0.5rem 0.5rem 0.1rem 0.5rem ; margin:0 auto; background:rgba(51,51,51,0.9); z-index:500; text-align:left; border-radius:10px; }
.hm li .sub ul { padding:0; margin:0; letter-spacing:-.4rem; background:none; width:100%; text-align:left; }
.hm li .sub ul li { display:block; padding:0; margin:0; }
.hm li:hover .sub { display:block; overflow:visible; height:auto; transition:1.5s; }
.hm li:hover .sub ul::after { content:""; position:absolute; top:-20px; left:50%; transform:translate(-50%, 0); width:0; height:0; border:10px solid transparent; border-bottom:10px solid rgba(51,51,51,0.9); }
.hm li .sub ul li a { display:block; font-size:1rem; margin:0; padding:0.25rem 0.5rem; text-align:left; color:#fff; border-radius:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:10rem; }
.hm li .sub ul li a:hover { background:rgba(255,255,255,0.2); /*background:rgba(0,0,0,0.2);*/ }
.hm li.m05 { display:none; }
/*-- MAIN/ --*/
.more_box { position:relative; }
/*.more_box::before { content:""; border-bottom:1px solid #333; display:block; width:100%; position:absolute; top:50%; z-index:-2; }
*/
.more { position:relative; letter-spacing:0.25rem; border:1px solid #333; background:#fff; display:block; width:10em; margin:1.5rem auto; padding:0.5rem 2rem; line-height:2rem; text-align:center; text-decoration:none; box-sizing:border-box; }
.more::before { content:""; border:1px solid #333; background:#fff; display:block; position:absolute; top:4px; right:-6px; bottom:-6px; left:4px; z-index:-1; }
.more:hover { border:1px solid #09e; text-decoration:none; }
.more:hover::before { border:1px solid #09e; }
.lab_box { padding-bottom:3rem; position:relative; z-index:0; display:flex; flex-flow:row wrap; justify-content:flex-start; margin:0 clamp(-1.5rem,-3vw,-0.75rem); }
.lab_box .index_box { width:33.3%; }
.lab_box .more_box { width:100%;}
@media screen and (max-width:960px) {
.lab_box .index_box { width:50%; }
}
@media screen and (max-width:480px) {
.lab_box .index_box { width:100%; }
}
.index_area { display:flex; flex-flow:row wrap; justify-content:flex-start; margin:0 clamp(-1.5rem,-3vw,-0.75rem); }
/*-- INDEX --*/
.index_box { display:inline-block; position:relative; width:32.5%; padding:clamp(0.75rem,3vw,1.5rem); vertical-align:top; box-sizing:border-box; text-align:left; text-decoration:none !important; overflow:hidden; }
.index_box a { display:block; text-decoration:none; padding:0; }
.index_box .photo { width:100%; max-width:100vw; margin:0 0 0.5rem 0; position:relative; overflow:hidden; }
.index_box .photo .img { width:100%; aspect-ratio:3/2; transition:0.25s; background:center center /100% no-repeat; }
.index_box a:hover { text-decoration:none; opacity:1; }
.index_box a:hover .photo .img { background:center center /120% no-repeat; }
.index_box p { margin:0; }
.index_box .new { position:absolute; top:0.75rem; left:0.75rem; font-size:0.9rem; display:inline-block; vertical-align:top; padding:0 0.5rem; /*border:2px solid #fff;*/ background:rgba(0,159,232,0.8); color:#fff; text-align:center; z-index:10; }
.index_box .text { position:relative; padding:0 0.5rem; }
.index_box .member { position:relative; margin:-2rem 0 -2rem 0rem; font-size:0.75rem; }
.index_box .member .member_img { width:3rem; height:3rem; border-radius:50%; background:#fff center center /100% no-repeat; border:2px solid #fff; box-sizing:border-box;}
.index_box .date {/*font-family:"232mkrl";*/ /*font-size:0.75rem;*/ margin:0; display:block; font-weight:300; text-align:right; opacity:0; }
.index_box strong { display:block; font-size:1.125rem; font-weight:400; line-height:1.5; }
.index_box .cat { display:inline-block; font-size:0.8rem; width:auto; line-height:1.5; /*background:#09e; color:#fff; padding:0 1rem;*/ margin:0 0.5rem 0.5rem 0; border-radius:25px; }
.index_box .comment { font-size:0.8rem; line-height:1.8; display:inline-block; }
body.temp .index_box { width:50%; }
body.temp .index_box a { }
body.member .index_box { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; /* border-top:1px solid #ddd;*/ }
body.member .index_box .photo { width:25%; min-width:25%; position:relative; overflow:hidden; }
body.member .index_box .photo .img { width:100%; aspect-ratio:1; background:#eee center center /100% no-repeat; transition:0.25s; border-radius:50%; overflow:hidden; }
body.member .index_box a:hover .photo .img { background:#eee center center /120% no-repeat; }
body.member .index_box .member { display:none; }
body.member .index_box .date { display:none; }
body.member .index_box .text { width:72%; display:flex; flex-flow:column wrap; margin-bottom:0.75rem; }
body.member .index_box strong { order:2; font-size:1rem; }
body.member .index_box .member_cat { display:inline-block; margin-right:0.5rem; }
body.member .index_box .member_name { }
body.works .side { display:none; }
body.works .text_area { width:100% !important; }
body.works .date {display:none; }
body.works .index_box { width:33.3%; }
body.video .index_box .date { display:none; }
body.video h2 p { /*display:none;*/ }
.post-password-form { max-width:480px; margin:auto; }
ul.sub { list-style:none; padding:0; margin:0; margin-bottom:1.5rem; display:flex; flex-flow:row wrap; justify-content:center; position:relative; }
/*ul.sub::before { content:""; border-bottom:1px solid #333; display:block; width:100%; position:absolute; top:50%; }*/
ul.sub li { letter-spacing:0.1rem; width:30%; max-width:360px; padding:1rem; box-sizing:border-box; }
ul.sub li a { position:relative; display:block; padding:1.5rem 1rem;background:#fff; border:1px solid #333; text-align:center; line-height:1.5; text-decoration:none; box-sizing:border-box; }
ul.sub li a::after { content:""; position:absolute; border:1px solid #333; display:block; top:4px; right:-6px; bottom:-6px; left:4px; z-index:-1; }
ul.sub li a::before { content:""; position:absolute; display:block; width:3rem; height:2.6rem; top:-20px; left:calc(50% - 1.5rem); z-index:12; }
ul.sub li a:hover, ul.sub li a.active { border:1px solid #09e; /*line-height:2rem;*/ text-decoration:none; }
ul.sub li a:hover::after, ul.sub li a.active::after { border:1px solid #09e; }
ul.sub li a.m01::before { background:url(common/img/i_staff01.svg) center center /40px no-repeat; }
ul.sub li a.m02::before { background:url(common/img/i_about01.svg) center center /40px no-repeat; }
ul.sub li a.m03::before { background:url(common/img/i_mail01.svg) center center /40px no-repeat; }
/*ul.sub li a:hover::before, ul.sub li a.active::before { background-size:50px }*/
ul.sub li a.m01:hover::before, ul.sub li a.m01.active::before { background-image:url(common/img/i_staff02.svg); }
ul.sub li a.m02:hover::before, ul.sub li a.m02.active::before { background-image:url(common/img/i_about02.svg); }
ul.sub li a.m03:hover::before, ul.sub li a.m03.active::before { background-image:url(common/img/i_mail02.svg); }
ul.sub li a.m04::after, ul.sub li a.m05::after { display:none !important; }
ul.sub li:nth-of-type(5) { width:calc(60% + 2rem); max-width:calc(360px + 2rem); }
body.temp ul.sub { display:none; }
body.temp .side ul.sub { display:block; }
.side ul.sub { display:flex; flex-flow:column wrap; justify-content:center; position:relative; }
.side ul.sub li { padding:0 0 0 3.5rem; margin:0 0 -1px 0; width:100%; box-sizing:border-box; }
.side ul.sub li a { padding:0.5rem; background:#fff; border:none; border-top:1px solid #333; border-bottom:1px solid #333; text-align:left; line-height:2rem; text-decoration:none; box-sizing:border-box; }
.side ul.sub li a::after { display:none; }
.side ul.sub li a::before { content:""; position:absolute; display:block; width:3rem; height:2.6rem; top:calc(50% - 1.3rem); left:-3.5rem; z-index:12; }
/*--SERVICE--*/
.service_box { display:inline-block; vertical-align:top; margin-bottom:2rem; }
.service_box ul { display:block; list-style:none; letter-spacing:-.4rem; padding:0; margin:1rem 0 0 0; width:100%; }
.service_box ul li { letter-spacing:0.05rem; display:inline-block; vertical-align:top; width:49.5%; }
.service_box ul li a { display:block; }
.side .service_box { display:block; border-left:1px solid #333; padding:0 0 0 1.5rem; margin-bottom:3rem; }
/*-- FOOT/ --*/
.footer { position:relative; display:flex; font-size:0.8125rem; border-top:1px solid #333; padding:2.5rem 0 1rem 0; }
.access_box { flex-grow:2; padding:0; margin:0; position:relative; z-index:10; }
.access_box .tel { /*font-family:"232mkrl";*/ }
.access_box .tel strong { }
.access_box .tel strong a { }
.access_box address { display:inline-block; margin:0; line-height:1.7; padding:0 0 0 90px; /*background:url(/wp-content/uploads/2019/10/lab_logo.png) left 0.5rem /120px no-repeat;*/ background:#fff url(/wp-content/uploads/2020/08/logo_ebase.png) left center /70px no-repeat; min-height:70px; }
.access_box a.link { line-height:2rem; }
.footer .service_box { width:25%; border-left:1px solid #333; padding:0 0 0 1.5rem; margin:0; box-sizing:border-box;}
.footer .service_box a { }
.footer .service_box a:hover { }
/*.footer a.link.pp::after { content:""; position:absolute; right:-9rem; top:0.25rem; display:block; width:3.5rem; height:3.5rem; background:url(common/img/p_mark.png) center center /cover no-repeat;}*/
/*.footer a.link.isp::after { content:""; position:absolute; right:-6.5rem; top:-3.5rem; display:block; width:3.5rem; height:3.5rem; background:url(common/img/ISO-IEC-27001_BLUE.png) center center /cover no-repeat;}*/
.copyright { /*font-family:"232mkrl";*/ font-size:0.8rem; align-items:center; padding:2.5rem 0; margin:0; line-height:1.5; text-align:center; font-weight:300; }
.pagetop { position:fixed; right:1rem; width:3rem; height:3rem; z-index:1000; }
.pagetop::after { content:""; display:block; position:absolute; top:1rem; left:0.9rem; width:1rem; height:1rem; border-top:2px solid #333; border-left:2px solid #333; transform:rotate(45deg); box-sizing:border-box; }
.grecaptcha-badge { bottom:5rem !important; z-index:10;}
body.temp .footer .service_box { display:none; }
body.temp .access_box { padding:0 0 1.5rem 0; }
body.temp .copyright { padding:0 0 2rem 0; }
/*-- TEMPLARE CONTENTS --*/
body.temp .contents { display:flex; flex-flow:row wrap; }
body.temp .text_area { width:67%; }
body.temp .text_area img { max-width:100%; }
body.temp .side { width:27%; margin-left:auto; font-size:0.9rem; }
body.contact .text_area { width:100%; max-width:50rem; margin:auto; }
body.contact .side { display:none; }
.grecaptcha-badge { visibility: hidden; }
img.full { width:calc(100% + 50vw); max-width:100vw; }
img.full + h3 { margin-top:-1rem; }
.navibar { color:#333; position:relative; z-index:0; margin-bottom:1rem; }
.navibar ul { width:100%; margin:0 0 0 auto; padding:0.25rem 70px 0.25rem 0; font-size:0.75rem; line-height:25px; box-sizing:border-box; }
.navibar ul li { list-style-type:none; display:inline; padding:0; }
.navibar ul li em { font-weight:bolder; font-style:normal; }
.navibar ul li::before { content:""; position:relative; top:-0.25rem; display:inline-block; width:1.4rem; height:1px; border-top: 1px solid #333; transform:rotate(-45deg); margin:0 10px; box-sizing:border-box; }
.navibar ul li:first-child::before { display:none; }
.navibar a, .navibar span { border:none; }
.navibar br { display:none; }
.title_box { padding:0 0 0 1.5rem; margin:0 0 2rem 0; border-left:1px solid #333; }
.title_box .member, .sns_box .member { display:table; vertical-align:middle; position:relative; margin:-1rem 0 -2.5rem 0em; font-size:0.8rem; }
.title_box .member .member_img, .sns_box .member .member_img { display:inline-block; vertical-align:top; width:3rem; height:3rem; border-radius:50%; background:#ddd center center /100% no-repeat; }
.title_box .member .member_name, .sns_box .member .member_name { display:inline-block; vertical-align:top; padding:0.5rem; }
.title_box .date { /*font-family:"232mkrl";*/ font-size:0.8rem; margin:0 0 1rem 0; display:block; font-weight:300; text-align:right; }
.title_box strong { display:block; font-size:1.2rem; font-weight:400; line-height:1.5; }
.title_box .cat { display:inline-block; font-size:0.8rem; width:auto; line-height:1.5; /*background:#09e; color:#fff; padding:0 1rem;*/ margin:0 0.5rem 0.5rem 0; border-radius:25px; }
.title_box .cat a { display:inline-block; margin:0 1rem 0 0; }
.sns_box { display:flex; flex-flow:row wrap; margin-top:2rem; padding:1rem 0; border-top:1px solid #333; border-bottom:1px solid #333; }
.sns_box .member { margin:0 1.5rem; }
.sns_box .cat_box { font-size:0.8rem; border-left:1px solid #333; padding:0 0 0 1.5rem; }
.sns_box .cat_box .cat a, .sns_box .cat_box .tag a { display:inline-block; margin:0 1rem 0 0; }
/*--Facebook--*/
/*.fb-like span, .fb-like iframe, .fb-like iframe table { max-width: inherit; width:92px !important; }*/
.pn_box { display:flex; flex-flow:row wrap; padding:0; border-bottom:1px solid #333; position:relative; }
.pn_box::after { content:""; border-left:1px solid #333; width:1px; height:100%; position:absolute; top:0; left:50%; box-sizing:border-box; }
.pn_box a { display:flex; width:50%; flex-flow:row wrap; box-sizing:border-box; line-height:1.5; }
.pn_box .prev { padding:1rem 0 1rem 2rem; position:relative; }
.pn_box .prev::after { content:""; position:absolute; top:calc(50% - 0.6rem); left:0.5rem; width:1rem; height:1rem; border-top:1px solid #333; border-left:1px solid #333; transform:rotate(-45deg); box-sizing:border-box; }
.pn_box .prev:hover::after, .pn_box .next:hover::after { border-color:#09e;}
.pn_box .next { padding:1rem 2rem 1rem 0; position:relative; flex-flow:row-reverse wrap; }
.pn_box .next::after { content:""; position:absolute; top:calc(50% - 0.6rem); right:0.5rem; width:1rem; height:1rem; border-top:1px solid #333; border-right:1px solid #333; transform:rotate(45deg); box-sizing:border-box; }
.pn_box .photo { width:30%; position:relative; overflow:hidden; }
.pn_box .photo .img { width:100%; padding-top:66.67%; background:#eee center center /100% no-repeat; transition:0.25s; overflow:hidden; }
.pn_box a:hover .photo .img { background:#eee center center /120% no-repeat; }
.pn_box .date { display:block; font-size:0.8rem; }
.pn_box .text { width:calc(100% - 30%); padding:0 1rem; box-sizing:border-box; }
.pn_box strong { font-size:0.9rem; }
.pn_box .prev.no_page, .pn_box .next.no_page { color:#ddd; }
.pn_box .prev.no_page .photo, .pn_box .next.no_page .photo,
.pn_box .prev.no_page .text, .pn_box .next.no_page .text { color:#fff; }
.pn_box .prev.no_page::after, .pn_box .next.no_page::after { border-color:#ccc; cursor:default; color:#ddd; }
.pn_box a.no_page .photo .img, .pn_box a.no_page:hover .photo .img { background:#fff center center /100% no-repeat !important; }
h1, h2, h3, h4, h5, h6 { font-weight:100; letter-spacing:0.05rem; }
h1 { font-size:2.2rem; }
h2 { font-size:2.0rem; margin:0 0 0.5rem 0; /*padding:0 0 0 0.5rem;*/ line-height:1.5; box-sizing:border-box; /*border-left:1px solid #333;*/ }
h3 { font-size:1.8rem; margin:0 0 1rem 0; padding:0; line-height:1.5; position:relative; }
body.top h3 { text-align:center; background:url(common/img/l_01.png) bottom center /144px no-repeat; }
h3.copy { background:none; background:#fff; border-radius:48% 52% 52% 48% / 35% 32% 68% 65%; border-radius:50%; }
h4 { font-size:1.6rem; margin:0 0 0.5rem 0; line-height:1.5; position:relative; }
h5 { font-size:1.4rem; margin:0 0 0.5rem 0; padding:0; padding-top:1rem !important; line-height:1.5; position:relative; border-top:1px dashed #ccc; }
h6 { font-size:1.2rem; margin:0 0 0 0; padding:0; line-height:1.5; position:relative; }
h1 .comment { display:block; font-size:1rem; font-weight:200; }
h2 .comment { display:block; font-size:1rem; font-weight:200; margin:0; }
h3 .comment { display:block; font-size:1rem; font-weight:200; }
h4 .comment { display:block; font-size:1rem; font-weight:200; color:#333 }
h5 .comment { display:block; font-size:1rem; font-weight:200; color:#333; }
/*-- 逕ｻ蜒丞屓繧願ｾｼ縺ｿ繧ｻ繝�ヨ/ --*/
.box_l { width:100%; padding:0; margin:0 auto; position:relative; box-sizing:border-box; }
.box_l .photo { float:left; width:100%; max-width:50%; margin:0; padding:0 2% 2rem 2%; display:inline-block; position:relative; z-index:2; box-sizing:border-box; }
.box_l .photo img { margin:0; padding:0; width:100%; max-width:100%; height:auto; }
.box_l .txt { float:none; overflow:hidden; padding:0 2% 4vw 2%; position:relative; box-sizing:border-box; }
.box_r { width:100%; padding:0; margin:0 auto; position:relative; box-sizing:border-box; }
.box_r .photo { float:right; width:100%; max-width:50%; margin:0; padding:0 2% 2rem 2%; display:inline-block; position:relative; z-index:2; box-sizing:border-box; }
.box_r .photo img { margin:0; padding:0; width:100%; max-width:100%; height:auto; }
.box_r .txt { float:none; overflow:hidden; padding:0 2% 4vw 2%; position:relative; box-sizing:border-box; }
.box_l::after, .box_r::after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.box_l.full .photo { margin-left:calc(-50vw + 50%); width:50vw; max-width:50vw; position:relative; padding-left:0; }
.box_r.full .photo { margin-right:calc(-50vw + 50%); width:50vw; max-width:50vw; position:relative; padding-right:0; }
.box_l + hr { opacity:0; display:none; }
.box_l.full .photo img, .box_r.full .photo img { /*width:50vw; height:25vw; */ }
body.plan .box_l .photo img, body.booking .box_l .photo img { /*height:50vw; max-height:432px; */ }
p.wide { margin:0 -20px 1rem -20px; position:relative; }
p.wide img { width:calc(100% + 40px); max-height:100%; }
p.wide::before { content:""; position:absolute; left:0; display:inline-block; width:16vw; height:16vw; transform:translate(-3vw,-3vw); background:rgba(136,153,51,0.07); z-index:-1; overflow:hidden; }
p.wide::after { content:""; position:absolute; right:0; bottom:0; display:inline-block; width:16vw; height:16vw; transform:translate(6vw,3vw); background:rgba(136,153,51,0.07); z-index:-1; overflow:hidden; }
/*-- 2蛻励�繝�け繧ｹ/ --*/
.LR_box { display:inline-block; vertical-align:top; width:49%; margin:0; padding:0 2% 1rem 2%; box-sizing:border-box; }
.LR_box .LR_box { width:48% !important; }
.LR_box .LCR_box { width:31% !important; }
/*-- 3蛻励�繝�け繧ｹ/ --*/
.LCR_box { display:inline-block; vertical-align:top; width:32.3%; margin:0; padding:0 2% 2rem 2%; box-sizing:border-box; letter-spacing:0.02rem; }
.LCR_box2 { display:inline-block; vertical-align:top; width:66%; margin:0; padding:0 2% 2rem 2%; box-sizing:border-box; letter-spacing:0.02rem; }
.LR_box img, .LCR_box img { width:100%; object-fit:cover; font-family:'object-fit:cover; '; margin-bottom:1rem; }
.LR_box h3, .LR_box h4, .LR_box h5, .LCR_box h3,.LCR_box h4, .LCR_box h5, .LCR_box2 h3,.LCR_box2 h4, .LCR_box2 h5 { margin-bottom:0.5rem; white-space:normal; word-break:break-all; }
.box_r .LCR_box, .box_l .LCR_box { width:32% !important; }
td .LR_box, td .LCR_box, td .LCR_box2 { padding:0 1% 0.5rem 1%; }
td .LR_box img, td .LCR_box img, td .LCR_box2 img { margin-bottom:0.5rem; }
/*--繧ｭ繝｣繝励す繝ｧ繝ｳ --*/
.photo { position:relative; }
.photo span.caption { position:absolute; left:0; bottom:0; display:inline-block; padding:2px 10px; color:#fff; background:rgba(0,0,0,0.35); background:rgba(0,0,0,0.6); border-radius: 0 1rem; }
.in_box { border:1px solid #ddd; padding:1rem 1.5rem; margin:0 auto 2rem auto; }
a.link { padding:0.5rem 0.15rem 0.5rem 1rem; margin:0; text-decoration:underline; box-sizing:border-box; position:relative; }
a.link::before { content:""; position:absolute; display:block; left:0; top:calc(50% - 0.25rem); width:0.5rem; height:0.5rem; margin:0; border-top:1px solid #333; border-right:1px solid #333; transform:rotate(45deg); box-sizing:border-box; }
a.link.active::after { border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); }
a.link { overflow:hidden; margin:0; }
a.link.red { color:#b7282e; }
ul.page-link { margin:0 0 1.5rem 0; padding:0; }
ul.page-link li { display: inline-block; padding:0.25rem 1rem; margin:0; box-sizing:border-box; position:relative; white-space:nowrap; }
ul.page-link a::before { content:""; position:absolute; display:block; left:0; top:1rem; width:0.5rem; height:0.5rem; margin:0; border-top:1px solid #333; border-right:1px solid #333; transform:rotate(135deg); box-sizing:border-box; }
.f_s ul.page-link a::before { top:0.9rem;}
.index_box a[target='_blank'] .title::after,
.LCR_box a[target='_blank']::after,
body.link .article li a[target='_blank']::after,
body.link .article a:link[target='_blank']::after,
.article a:link[target='_blank']::after
{ content:""; position:relative; display:inline-block; vertical-align:middle; width:1.2rem; height:1.2rem; margin:0 0.25rem; background:url(common/img/i_blank.svg) center bottom /100% no-repeat; right:auto; }
.index_box a[target='_blank']::after { display:none !important; }
a[target='_blank'].banner::after { display:none !important; }
.banner::after { display:none !important; }
.index_box a[href$='.pdf'] .title::after,
a[href$='.pdf']::after,
.index_box ul li a[href$='.pdf']::after { content:"PDF" !important; position:relative; display:inline-block !important; font-size:0.75rem; line-height:1; width:auto !important; height:auto !important; padding:0.2rem 0.5rem; letter-spacing:normal; color:#b7282e; font-weight:bolder; background:#fff !important; margin:0 0.25rem; /*border:1px solid #ccc;*/ transform:translate(0,-2px); border-radius:1rem; box-shadow:1px 1px 3px rgba(0,0,0,0.2); }
.index_box a[href$='.pdf']::after { display:none !important; }
.index_box a[href$='.xls'] .title::after,
.index_box a[href$='.xlsx'] .title::after,
a[href$='.xls']::after,
a[href$='.xlsx']::after,
.index_box ul li a[href$='.xls']::after,
.index_box ul li a[href$='.xlsx']::after { content:"Excel" !important; position:relative; display:inline-block !important; font-size:0.75rem; line-height:1; width:auto !important; height:auto !important; padding:0.2rem 0.5rem; letter-spacing:normal; color:#839b5c; font-weight:bolder; background:#fff !important; margin:0 0.25rem; /*border:1px solid #ccc;*/ transform:translate(0,-2px); border-radius:1rem; box-shadow:1px 1px 3px rgba(0,0,0,0.2); }
.index_box a[href$='.xls']::after,
.index_box a[href$='.xlsx']::after { display:none !important; }
.index_box a[href$='.doc'] .title::after,
.index_box a[href$='.docx'] .title::after,
a[href$='.doc']::after,
a[href$='.docx']::after,
.index_box ul li a[href$='.doc']::after,
.index_box ul li a[href$='.docx']::after { content:"Word" !important; position:relative; display:inline-block !important; font-size:0.75rem; line-height:1; width:auto !important; height:auto !important; padding:0.2rem 0.5rem; letter-spacing:normal; color:#09e; font-weight:bolder; background:#fff !important; margin:0 0.5rem; /*border:1px solid #ccc;*/ transform:translate(0,-2px); border-radius:1rem; box-shadow:1px 1px 3px rgba(0,0,0,0.2); }
.index_box a[href$='.doc']::after,
.index_box a[href$='.docx']::after { display:none !important; }
div.index_box .title, div.index_box:hover .title { /*color:#839b5c !important;*/ }
/*-- TABLE/ --*/
caption { text-align:left; margin-bottom:10px; font-size:95%; }
table { border-collapse:collapse; width:100%; margin:0 auto 1.5rem auto; }
table th, table td { padding:0.75rem; vertical-align:top; letter-spacing:0.05rem; line-height:1.8; }
.table01 { border-bottom:1px dashed #ddd; }
.table01 th, .table01 td { border-top:1px dashed #ddd; }
.table01 thead th { }
.table01 th { font-weight:bolder; text-align:left; }
.table01 td { }
.table02 { border-bottom:1px solid #ddd; }
.table02 th, .table02 td { border-top:1px solid #ddd; }
.table02 thead th, .table02 thead td { background:#fff; }
.table02 th { font-weight:bolder; text-align:left; white-space:nowrap; }
.table02 td { }
.table03 { border:1px solid #ddd; }
.table03 th, .table03 td { border:1px solid #ddd; }
.table03 thead th, .table03 thead td { background:#fff; }
.table03 th { font-weight:bolder; text-align:left; }
.table03 td { }
.l_double { border-top:3px double #ddd; }
th p, td p { margin:0; }
/*-- 蟷��蠎�＞繝��繝悶Ν縺ｫ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ陦ｨ遉ｺ --*/
.scroll, #calcResult { overflow:auto; }
.scroll::-webkit-scrollbar, #calcResult::-webkit-scrollbar { height:15px; /*table縺ｫ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝舌�繧定ｿｽ蜉�*/}
.scroll::-webkit-scrollbar-track, #calcResult::-webkit-scrollbar-track { background:rgba(0,0,0,0.1); /*table縺ｫ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝舌�繧定ｿｽ蜉�*/}
.scroll::-webkit-scrollbar-thumb, #calcResult::-webkit-scrollbar-thumb { background:#bc6;/*table縺ｫ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝舌�繧定ｿｽ蜉�*/}
.scroll table, #calcResult table { margin-bottom:20px !important; }
table.fee { }
table.fee th, table.fee td { vertical-align:middle; white-space:nowrap; }
/*-- FORM/ --*/
form { margin:0; padding:0; border:0; font-size:100%; vertical-align:middle; background:transparent; }
form label { vertical-align:middle; }
select, input, textarea, button { width:100%; max-width:100%; -webkit-appearance:none; vertical-align:middle; position:relative; line-height:30px; font-size:1.2rem; margin:5px 0; padding:3px 10px; border:1px solid #333; border-radius:0; box-shadow:none; z-index:0; box-sizing:border-box; }
input.long { width:100%; margin:5px 0; position:relative; }
button, .button, input[type="button"], input[type="submit"] { border:none; position:relative; display:block; max-width:300px; margin:1rem auto; text-align:center; padding:0.5rem 1rem; background:#09e; color:#fff !important; line-height:30px; text-decoration:none; box-sizing:border-box; z-index:1; }
button:hover, .button:hover, input[type="button"]:hover, input[type="submit"]:hover { cursor:pointer; text-decoration:none; background:#09e; color:#fff; }
.b_back { display:inline-block; -webkit-appearance:none; overflow:visible; width:auto; background:#f7f5f3; position:relative; padding:10px 20px 10px 40px; height:50px; line-height:30px; font-size:1.2rem; letter-spacing:0; margin:10px; border:none; color:#333 !important; border-radius:3px; box-sizing:border-box; }
.b_back::after { content:""; position:absolute; display:inline-block; left:10px; top:18px; width:10px; height:10px; border-top:2px solid #333; border-right:2px solid #333; transform:rotate(45deg); box-sizing:border-box; }
option { padding:5px; font-size:1.2rem; line-height:1.5; }
button[disabled], a.button[disabled], .button[disabled], input[type="button"][disabled], input[type="submit"][disabled],
button[disabled]:hover, a.button[disabled]:hover, .button[disabled]:hover, input[type="button"][disabled]:hover, input[type="submit"][disabled]:hover { background:#eee; border:none; color:#fff; opacity:1.0; cursor:default; position:relative; }
.required { color:#f55; }
.pp_box { max-height:20em; overflow:auto; border:1px solid #333; padding:1.5rem; margin-bottom:1rem; }
.notice { border-top:1px solid #333; border-bottom:1px solid #333; padding:1rem; margin:1rem 0; }
/*-- Radio and Checkbox/ --*/
input[type="radio"], input[type="checkbox"] { margin:0 3px 0 0; width:1.25rem; height:1.25rem; display:none; }
input[type="radio"] + span, input[type="checkbox"] + span { padding-left:1.5rem; position:relative; margin-right:1rem; display:inline-block; }
input[type="radio"] + span::before{ content:""; display:block; position:absolute; top:0.25rem; left:0; width:1.2rem; height:1.2rem; border:1px solid #ccc; border-radius:50%; z-index:5; margin-right:3px; box-sizing:border-box; }
input[type="radio"]:checked + span, input[type="checkbox"]:checked + span { color:#09e; }
input[type="radio"]:checked + span::after{ content:""; display:block; position:absolute; top:calc(0.5rem - 1px); left:calc(0.25rem - 1px); width:0.8rem; height:0.8rem; background:#09e; border-radius:50%; z-index:10; }
input[type="checkbox"] + span::before { content:""; display:block; position:absolute; top:0.4rem; left:0; width:1.2rem; height:1.2rem; border:1px solid #333; border-radius:4px; margin-right:3px; box-sizing:border-box; }
input[type="checkbox"]:checked + span::after { content:""; display:block; position:absolute; top:0.3rem; left:0.35rem; width:0.5rem; height:1rem; transform:rotate(40deg); border-bottom:3px solid #09e; border-right:3px solid #09e; box-sizing:border-box; }
button.i_delete { min-width:0 !important; }
button.i_delete::before { display:none; }
/*-- SELECT/ --*/
select { -webkit-appearance:none; -moz-appearance:none; position:relative; z-index:auto !important; border-radius:0; font-size:inherit; text-align:left; background:#fff url(common/img/i_pulldown.svg) right center /36px no-repeat; /*border:1px solid #ccc; height:30px;*/ padding:3px 5px; margin:0 2px 0 0; box-sizing:border-box; display:none; display:block; }
select:disabled, select.disabled { border:1px solid #ccc; color:#ccc; color:silver; background:none; z-index:auto; }
/*-- 繝ｪ繧ｹ繝�/ --*/
ol { /*counter-reset:step; list-style:none;*/ margin:0 0 2rem 0; padding:0 0 0 1.5rem; }
/*
ol li{ padding:0; margin:0 0 1rem 1.6rem; }
ol > li::before { counter-increment:step; content:counter(step); background:#09e; vertical-align:middle; display:inline-block; width:1.6rem; line-height:1.6rem; letter-spacing:normal; font-size:0.8rem; font-weight:bolder; text-align:center; border-radius:50%; color:#fff; margin:-0.3rem 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:#baa; 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; 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:#f77; vertical-align:middle; display:inline-block; width:1.6rem; line-height:1.6rem; font-size:1rem; font-weight:bolder; text-align:center; border-radius:50%; color:#fff; margin:-0.3rem 0.4rem 0 0; }
*/
/*-- WordPress/ --*/
.aligncenter {display:block; margin:0 auto; }
.alignright { float:right; margin:0 0 1.5rem 2rem; position:relative; z-index:1; }
.alignleft { float:left; margin:0 2rem 1.5rem 0; position:relative; z-index:1; }
img[class*="wp-image-"],
img[class*="attachment-"] { max-width:100%; height:auto; }
img.alignright, img.alignleft { max-width:45%; }
.col1 { padding:0; }
.col2 { columns:2; column-gap:2rem; padding:0; }
.col3 { columns:3; column-gap:2rem; padding:0; }
.col2 ul { margin:0; padding:0 0 0 1rem; }
.post { color:#b7282e; }
.name { font-size:1.4rem; }
.license { margin-top:0; padding:0 0 0 2rem; font-size:0.9rem; }
.sub_menu { position:absolute; right:0; top:-8rem; background:#09e; width:12rem; padding:0.75rem; z-index:100; line-height:1.25; }
.sub_menu h5 { color:#fff; border-bottom:3px double #fff; font-size:1.2rem; }
.sub_menu a { display:block; padding:0.5rem 1rem 0.5rem 1.5rem; margin:0; color:#fff; text-decoration:none; position:relative; }
.sub_menu a::after { /*content:""; position:absolute; display:block; left:10px; top:calc(50% - 5px); width:7px; height:7px; margin:0; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg);*/ }
.sub_menu a::before { content:"笳�"; color:#09e; color:#fff; margin:0 3px 0 -1.25rem; }
.sub_menu a:hover, .sub_menu a.active { color:#333; background:#fff; font-weight:bolder; }
.sub_menu a:hover::before, .sub_menu a.active::before { color:#09e; }
.material-icons-round { vertical-align:middle !important; }
/*--繧ｵ繝�繝堺ｻ倥″蝗ｺ螳壽諺蜈･--*/
.my-parts {
display: inline-block;
text-decoration: none;
max-width: 100%;
box-shadow: 0 0 3px 1px rgba(0,0,0,.1);
}
.my-parts::after {
display: block;
clear: both;
content: '';
}
.my-parts .my-parts-img {
text-align: center;
width: 200px;
padding: .4rem;
box-sizing: border-box;
float: left;
}
.my-parts .my-parts-img img {
max-width: 100%;
height: auto;
vertical-align: bottom;
margin: 0;
}
.my-parts .my-parts-body {
width: 60%;
width: calc(100% - 200px);
padding: .4rem;
box-sizing: border-box;
text-align: left;
float: left;
}
.my-parts .my-parts-title {
font-size: 1.2rem;
color: #333;
margin: .4rem 0;
}
.my-parts .my-parts-body p {
font-size: .95rem;
color: #666;
margin: 0;
}
/*--隕句�縺嶺ｻ倥″繝ｪ繧ｹ繝�--*/
ul.point1 {
border: solid 2px skyblue;
border-radius: 5px;
padding: 0.5rem 1rem 0.5rem 2.3rem;
position: relative;
}
ul.point1 li {
line-height: 1.5;
padding: 0.5rem 0;
list-style-type: none!important;
}
ul.point1 li:before {
font-family: "Font Awesome 5 Free";
content: "\f138";/*繧｢繧､繧ｳ繝ｳ縺ｮ遞ｮ鬘�*/
position: absolute;
left : 1rem;/*蟾ｦ遶ｯ縺九ｉ縺ｮ繧｢繧､繧ｳ繝ｳ縺ｾ縺ｧ縺ｮ霍晞屬*/
color: skyblue;/*繧｢繧､繧ｳ繝ｳ濶ｲ*/
font-weight:600;
}
/*繝懊ち繝ｳ*/
.btn-flat-border {
display: inline-block;
padding: 0.3rem 1rem;
text-decoration: none;
color: #67c5ff;
border: solid 2px #67c5ff;
border-radius: 3px;
transition: .4s;
}
.btn-flat-border:hover {
background: #67c5ff;
color: white;
}
/*Chat Bubbles縲CSS Setting*/
/* 蜈ｨ菴薙�繧ｹ繧ｿ繧､繝ｫ */
.voice {
margin-bottom: 40px;
}
/* 蟾ｦ逕ｻ蜒� */
.voice-img-left {
margin-left: 4px;
margin-top: -1px;
float: left;
width: 60px;
height: 60px;
}
/* 蜿ｳ逕ｻ蜒� */
.voice-img-right {
margin-right: 4px;
margin-top: -1px;
float: right;
width: 60px;
height: 60px;
}
.voice figure img {
width: 100%;
height: 100%;
border: 2px solid #eee;
border-radius: 50%;
margin: 0; box-sizing:border-box;
}
/* 逕ｻ蜒上�荳九�繝�く繧ｹ繝� */
.voice-img-description {
padding: 5px 0 0;
font-size: 10px;
text-align: center;
}
/* 蟾ｦ縺九ｉ縺ｮ蜷ｹ縺榊�縺励ユ繧ｭ繧ｹ繝� */
.voice-text-right {
color: #444;
position: relative;
margin-left: 100px;
padding: 1.2rem;
border: 3px solid #eee;
background-color: #fff;
border-radius: 5px;
}
/* 蜿ｳ縺九ｉ縺ｮ蜷ｹ縺榊�縺励ユ繧ｭ繧ｹ繝� */
.voice-text-left {
position: relative;
margin-right: 100px;
padding: 1.2rem;
border: 3px solid #eee;
background-color: #fff;
border-radius: 5px;
}
p.voice-text {
margin: 0 0 8px;
}
p.voice-text:last-child {
margin-bottom: 0px;
}
/* 蟾ｦ縺ｮ荳芽ｧ貞ｽ｢繧剃ｽ懊ｋ */
.voice-text-right:before {
position: absolute;
content: '';
border: 10px solid transparent;
border-right: 10px solid #eee;
top: 15px;
left: -23px;
}
.voice-text-right:after {
position: absolute;
content: '';
border: 10px solid transparent;
border-right: 10px solid #fff;
top: 15px;
left: -19px;
}
/* 蜿ｳ縺ｮ荳芽ｧ貞ｽ｢繧剃ｽ懊ｋ */
.voice-text-left:before {
position: absolute;
content: '';
border: 10px solid transparent;
border-left: 10px solid #eee;
top: 15px;
right: -23px;
}
.voice-text-left:after {
position: absolute;
content: '';
border: 10px solid transparent;
border-left: 10px solid #fff;
top: 15px;
right: -19px;
}
/* 蝗槭ｊ霎ｼ縺ｿ隗｣髯､ */
.voice:after,.voice:before {
clear: both;
content: "";
display: block;
}
/*--Youtube--*/
.youtube { position:relative; width:100%; /*padding-top:56.25%;*/ margin:0 auto 1rem auto; text-align:center }
.youtube iframe{ aspect-ratio:16/9; /*position:absolute; top:0; right:0;*/ width:100%; height:100%; }
.wp-video { margin:0 auto 1rem auto; }
.main_yt.youtube { pointer-events:none;}
/*--prism.css--*/
pre[class*="language-"] { font-size:1rem !important; padding:1rem !important; margin:0 0 3rem 0 !important;}
.anchor { height:4rem; margin-top:-4rem; position:relative; z-index:-1; }
.anchor#video { height:24rem; margin-top:-24rem; position:relative; z-index:-1; }
/*--aki runner--*/
.aki_box { padding-top:3rem; padding-bottom:3rem; text-align:center; background:#f6f6f6; }
.aki_box h2 { border:none; }
.aki_box ul, .ak_box li { margin:0; }
.aki_box li > a { display:block; height:auto; max-height:100%; margin:0; position:relative; }
.aki_box li > a::after { display:none !important; }
.aki_box .photo { width:94%; height:0; margin:2% 3%; padding-top:53%; background:center center /cover no-repeat; box-sizing:border-box; transition:ease-out 0.3s;/* border:5px solid #fff;*/ }
.aki_box a:hover .photo { width:100%; padding-top:56.4%; margin:0; }
/*SDGS*/
body.sdgs .text_area { width:100%; font-size:1.1rem;}
body.sdgs .header, body.sdgs .title_box, body.sdgs .side { display:none;}
body.sdgs .LR_box img { margin:0 !important; }
body.sdgs .sdgs_main { margin-left:-5vw; margin-right:-5vw; width:calc(100% + 10vw); }
body.sdgs .sdgs_icons { display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-start; margin-bottom:2.5rem; }
body.sdgs .sdgs_icons img { width:18%; max-width:140px !important; height:auto !important; margin:1% !important; }
body.sdgs ul.sdgs_list { margin:0; padding-left:1.5rem; }
body.sdgs ul.sdgs_list li { margin:0 0 0.75rem 0; padding:0; }
body.sdgs ul.sdgs_list li::marker { color:#aaa;}
body.sdgs div.sdgs_flex { display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:space-between; margin-bottom:2.5rem; }
body.sdgs div.sdgs_flex .photo { width:48%; }
body.sdgs div.sdgs_flex .text { width:48%; }
body.sdgs div.sdgs_flex:nth-of-type(2n) { flex-flow:row-reverse wrap; }
body.sdgs h3 { display: flex; flex-flow: row nowrap; align-items: center; }
body.sdgs h3::before, h3::after { content:""; position: relative; top:50%; left:0; flex-grow:1; border-bottom:1px solid rgba(34, 34, 34, 0.5); }
body.sdgs h3::before { margin-right:1rem;}
body.sdgs h3::after { margin-left:1rem; }
@media screen and (max-width:960px) {
body.sdgs div.sdgs_flex { margin-bottom:1.5rem; }
body.sdgs div.sdgs_flex .photo { width:38%; margin-bottom:1.5rem; }
body.sdgs div.sdgs_flex .text { width:60%; margin-bottom:1.5rem; }
}
@media screen and (max-width:640px) {
body.sdgs .sdgs_main { margin-left:-1.5rem; margin-right:-1.5rem; width:calc(100% + 3rem); }
body.sdgs div.sdgs_flex { flex-flow:column wrap; margin-bottom:1.5rem; }
body.sdgs div.sdgs_flex .photo, body.sdgs div.sdgs_flex .text { width:100%; margin-bottom:1.5rem; }
body.sdgs .sdgs_icons { max-width:400px; margin:0 auto 1rem auto; }
body.sdgs .sdgs_icons img { width:30%; max-width:120px !important; max-height:120px !important; }
body.sdgs hr { margin-bottom:1.5rem; }
}
/*Google 讀懃ｴ｢繧ｦ繧､繝ｳ繝峨え繝�せ繝�20220116霑ｽ險�*/
.gsc-results-wrapper-overlay { top:10% !important; left:15% !important; }
.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; }
.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%; }
.w30 { width: 30%; }
.w25 { width: 25%; }
.w22 { width: 22%; }
.w20 { width: 20%; }
.w15 { width: 15%; }
.w10 { width: 10%; }
.w5 { width: 5%; }
.mb0 { margin-bottom:0 !important; }
.mb4 { margin-bottom:0.25rem !important; }
.mb8 { margin-bottom:0.5rem !important; }
.mb16 { margin-bottom:1rem !important; }
.mb24 { margin-bottom:1.5rem !important; }
.mb32 { margin-bottom:2rem !important; }
.mb48 { margin-bottom:3rem !important; }
.mb64 { margin-bottom:4rem !important; }
.mr0 { margin-right:0 !important; }
.mr4 { margin-right:0.25rem !important; }
.mr8 { margin-right:0.5rem !important; }
.mr16 { margin-right:1rem !important; }
.mr24 { margin-right:1.5rem !important; }
.mr32 { margin-right:2rem !important; }
.mr48 { margin-right:3rem !important; }
.mt0 { margin-top:0 !important; }
.mt4 { margin-top:0.25rem !important; }
.mt8 { margin-top:0.5rem !important; }
.mt16 { margin-top:1rem !important; }
.mt24 { margin-top:1.5rem !important; }
.mt32 { margin-top:2rem !important; }
.mt48 { margin-top:3rem !important; }
@media screen and (max-width:960px) {
.resp100 { width:100%; }
.resp80 { width:80%; }
.resp49 { width:49% !important; }
.resp50 { width:50% !important; }
.resp_ma { margin:auto;}
}
@media print {
html { background:none; height:auto; min-height:0; }
body { background:none; margin:0; padding:0; }
.covervid-wrapper, .covervid-video, .header, .booking_box { display:none; }
.contents { width:100%; max-width:100%; background:none; padding:0; margin:0; line-height:1.8; }
.head { background:none; height:0; padding:0; margin:0; display:none; }
.article { width:100%; padding:0; }
.full { margin-left:0; margin-right:0; padding:20px 0; width:100%; }
body.top .full { padding:20px 0; }
body.top .full_bg { padding-left:0; padding-right:0; }
.box_l.full .photo { margin-left:0; width:50vw; max-width:50vw; }
.box_r.full .photo { margin-right:0; width:50vw; max-width:50vw; }
.navibar { width:100%; padding:0; }
.navibar ul { padding:0; margin:0; }
h1 { background:none; color:#333; border-bottom:5px solid #ccc; font-weight:normal; }
h2 { font-weight:normal; }
h3, h4, h5, h6 { font-weight:normal; }
.text_box { padding:0; box-shadow:none; }
.index_title { padding:5px 0 5px 0; background:none; }
body.top .foot, .foot { margin:0; border-top:1px solid #ccc; }
.f_sub, .foot .booking, .copyright { display:none; }
.table01 { border:2px solid #ccc; border-collapse:collapse; margin-bottom:20px; }
.table01 th, .table01 td { font-weight:normal; border:2px solid #ccc; }
.table02 th, .table02 td { font-weight:normal; }
.table03 th, .table03 td { font-weight:normal; }
.sns { display:none; }
.b_box, .fm { display:none; }
}