@charset "utf-8";
/* CSS Document */
/* ======================================================
[original]
@import"../css/test_line.css";
====================================================== */
:root
{
/* --font : clamp(1rem, calc(0.75rem + 1vw), 1.5rem);*/
/* --font : clamp(1rem, 1rem + 0vw, 1rem); 16 - 16px*/
/* --font : clamp(0.75rem, 0.6rem + 0.5vw, 1rem); 12 - 16px */
/* --font : clamp(0.875rem, 0.8rem + 0.25vw, 1rem); 14 - 16px */
--font : clamp(0.75rem, 0.583rem + 0.56vw, 1rem);/* 12 - 16px */
/* --font : clamp(0.75rem, 0.625rem + 0.42vw, 0.938rem); 12 - 15px */
--logo_h : 2.25em;
--h1_h : 50vw;
--drawer_toggle_size : 3em;
--padding : 5vw;
}
/*
--padding : 7vw;
*/
body:not(#Index) .Main .WrapM
{
max-width: initial;
}
.Header .search_box_script,
.PageNavi
{
position: absolute;
display: none;
opacity: 0;
}
.WrapL
{
max-width: initial;
width: 100%;
padding-left: var(--padding);
padding-right: var(--padding);
}
/*
.Wrap :is(.WrapL, .WrapM, .WrapS)
{
margin-left: initial;
margin-right: initial;
max-width: initial;
padding-left: 0;
padding-right: 0;
}
*/
.wave_border
{
--wave_box_h : 30svw;
}
body:not(#Index) .Header::before,
body:not(#Index) .Header .wave_border .scroll_loop.img
{
font-size: 0.75em;
}
body:not(#Index) .Header .wave_border
{
}
.Footer .weve_bottom
{
top: -0.5em;
}
.lead
{
font-size: inherit;
}
.memo
{
}
/*
padding: calc(var(--gap) + (var(--memo_head_h) / 2)) var(--gap) var(--gap);
*/
.Notes
{
padding-top: calc(var(--gap) * 2);
}
.Main:is(.Convenient, .Useful)>.Wrap>.Wrap
{
gap: calc(var(--padding_tb) * 2);
}
/* 誓約 */
.seiyaku
{
margin-top: calc(var(--gap) * 2);
margin-bottom: calc(var(--gap) * 2);
}
/* ------------------------------------------------------------------------------------------------------------
*/
/* [250402-0930/250403]修正 もっとスリムに */
.ColorBtn
{
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.ColorBtn::after
{
height: calc(var(--padding_lr) * 0.5);
}
/* ------------------------------------------------------
カテゴリボタン
*/
.NaviBtn
{
--num : 2;
font-size: 0.8em;
}
.Access .guide .NaviBtn
{
--num : 2;
}
.NaviBtn.link_main
{
font-size: inherit !important;
padding: 0 !important;
width: 100%;
max-width: initial;
}
.NaviBtn.link_main>*
{
width: 100%;
max-width: initial;
}
.Access .link_main
{
margin-top: var(--gap);
}
.Access .ID_anything .NaviBtn.link_main .title
{
display: flex;
align-items: center;
gap: 0.5em;
}
/* ------------------------------------------------------
工事中です
*/
.maintenance
{
min-width: 15em;
}
.maintenance>*::before,
.maintenance>*>*::before,
.maintenance>*::after,
.maintenance>*>*::after
{
font-size: 0.7em;
}
/* ------------------------------------------------------------------------------------------------------------
<文字>
*/
.pagetitle
{
height: 30svw;
}
/*
[250117/250124]校正 上下節約
height: 40svw;
*/
.pagetitle .title>*:first-child.name
{
font-size: 1.5em;
}
/*
[250117/250124]校正 上下節約
font-size: 1.75em;
*/
.pagetitle .title>*:first-child
{
font-size: 1.5em;
}
/*
[250117/250124]校正 上下節約
font-size: 2em;
*/
.pagetitle .title>*:not(:first-child)
{
font-size: 1.2em;
}
.pagetitle::before,
.pagetitle::after
{
--w_size : 35svw;
}
:is(h2, .h2)
{
--h2_gap : 0.5em;
}
:is(h2, .h2)>b,
.BlogOldBacknumber .detail h2
{
font-size: 1.5em;
padding: var(--h2_gap) calc(var(--h2_gap) * 2);
}
:is(h2, .h2)>b
{
min-width: initial;
width: 100%;
}
h2.mini
{
width: 100%;
}
h2.mini>b
{
}
:is(h3, .h3,.Blog.Detail .post .post-title)
{
width: 100%;
}
/*
margin-bottom: var(--padding_tb);
*/
:is(h3, .h3)>b,
.Blog.Detail .post .post-title
{
font-size: 1.3em;
padding: 0;
}
:is(h4, .h4)
{
}
:is(h4, .h4)>b
{
font-size: 1.2em;
}
/* ------------------------------------------------------------------------------------------------------------
*/
th
{
padding: 0.5em 1em;
background-color: rgb(var(--gradation2_gr) / 0.2);
border-bottom-width: 0;
}
.spotdata-detail th
{
padding: 0.5em 1em;
}
td
{
padding: 1em 1em 3em;
}
td:not(:last-of-type)
{
padding-bottom: 0;
border-bottom-width: 0;
}
tr[data-label]>:is(th, td)
{
}
tr[data-label]::before
{
content: attr(data-label);
display: block;
padding: 0.5em 1em;
background-color: rgb(var(--gradation2_gr) / 0.2);
font-size: inherit;
font-weight: bold;
}
/* ------------------------------------------------------------------------------------------------------------
*/
#Document
{
overflow: hidden;
}
/*
overflow: initial;
*/
#Header
{
height: 4em;
}
/*
[241225] 色を潜らせる為、fixed指定
position: sticky;
*/
#Index #Contents
{
margin-top: 4em;
}
.Header>.Wrap
{
padding-top: 0.75em;
padding-bottom: 0.75em;
}
.Header>.Wrap>.Wrap
{
}
/*
[260122-1139] 多言語対応が増えたので可変に
grid-template-columns: 1fr;
*/
.Header>.Wrap>.Wrap>.Logo
{
width: auto;
}
.Header>.Wrap>.Wrap>.Navi
{
}
.Header>.Wrap>.Wrap>.search_box_script
{
}
/* ============================================================================================================
------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------
[260122-1139] 多言語対応
*/
.Header .GlobalMenu.language_box
{
display: block;
opacity: unset;
width: auto;
height: auto;
overflow: visible;
}
.Footer .Info .menu .footer_small
{
display: grid;
grid-template-columns: repeat(2, auto);
width: initial;
height: initial;
opacity: 1;
gap: 1em;
}
/*
gap: 1em 3em;
*/
.Footer .Info .menu .footer_small>li:not(:last-of-type)::after
{
content: none;
}
/* ------------------------------------------------------------------------------------------------------------
*/
#Contents
{
}
/*
padding-top: 5em;
*/
/* ------------------------------------------------------------------------------------------------------------
ページ送り
*/
.sort_navi
{
font-size: inherit;
}
/* ------------------------------------------------------------------------------------------------------------
*/
.Footer
{
padding-bottom: 5em;
}
.sideArea
{
--widget_w : 316px;
--icon_size : 3em;
position: fixed;
top: initial;
left: 0;
right: 0;
bottom: 0;
padding-bottom: 0.5em;
}
.sideArea::before
{
top: 0;
left: 50%;
right: initial;
translate: -50% -0%;
width: 150%;
height: 150%;
opacity: 0.85;
}
.sideArea .rotate
{
rotate: initial;
aspect-ratio: initial;
}
.sideArea>.Wrap
{
display: grid;
grid-template-columns: repeat(2, 50%);
justify-content: center;
justify-items: center;
align-items: center;
}
.sideArea .Item
{
display: grid;
justify-content: center;
justify-items: center;
align-items: center;
}
.sideArea .Item>*
{
justify-content: center;
}
.sideArea .temperature
{
margin-right: -3em;
}
.sideArea .temperature .data
{
top: -0.5em;
height: 3em;
}
.sideArea .temperature .data :is(a, iframe)
{
}
.sideArea .sunset
{
top: initial;
display: grid;
grid-template-areas:
"icon head"
"icon time"
;
grid-template-columns: var(--icon_size) 1fr;
}
.sideArea .sunset .head
{
grid-area: head;
}
.sideArea .sunset .time
{
grid-area: time;
margin: auto;
}
.sideArea .sunset .icon
{
grid-area: icon;
top: initial;
}
/* ------------------------------------------------------------------------------------------------------------
*/
/*
.Drawer .toggle
{
height: auto;
top: 1.25em;
}
height: calc(var(--drawer_toggle_size) / 1);
*/
.Drawer .toggle .Btn>span
{
height: auto;
}
/*
[250310-0920/250312]校正
height: 0.75em;
*/
/*
.Drawer .toggle .Btn>span img
{
filter: drop-shadow(0px 0px 0em rgb(var(--bk)));
}
*/
.Drawer .List>.Wrap
{
display: grid;
gap: var(--gap);
}
.Drawer .List>.Wrap>ul
{
grid-template-columns: repeat(1, 1fr);
gap: 0;
}
.Drawer .List>.Wrap>ul>li
{
border-width: 0;
border-radius: 0;
}
.Drawer .List .content_list :where(a, .a)
{
grid-template-columns: 1.75em 1fr;
}
.Drawer .Change .details input.switch:checked ~ label ~ .detail
{
position: relative;
left: initial;
right: initial;
top: initial;
bottom: initial;
translate: none;
width: 100%;
margin-top: 0em;
border-width: 0;
padding-left: 2em;
border-radius: 0;
}
.Drawer .List .Child ul
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 0.5em;
}
/*
grid-template-columns: repeat(2, 1fr);
gap: 0 1em;
*/
.Drawer .List .Child ul>li
{
min-width: calc(((100% - (0.5em * 1)) / 2) * 0.93);
}
.Drawer .List>.Wrap .Child li :where(a, .a)
{
padding-left: 0;
padding-right: 0;
}
.Drawer .Ex
{
display: inline-grid;
grid-template-columns: 1fr;
width: auto;
margin-left: auto;
margin-right: auto;
}
/*
.Drawer :is(.ClassConvenient, .ClassUseful) .summary
{
display: grid;
opacity: 1.0;
}
.Drawer :is(.ClassConvenient, .ClassUseful) :is(a, .a)
{
grid-template-columns: 1fr;
}
.Drawer :is(.ClassConvenient, .ClassUseful) :is(a, .a) .Img
{
display: none;
opacity: 0;
}
*/
/* ------------------------------------------------------
[250704-1059] 任意の順番、色変え
*/
body:not(.type_design_original) .Drawer .List>.Wrap>ul
{
display: grid;
}
body:not(.type_design_original) .Drawer .List>.Wrap>ul>li
{
width: 100%;
}
body:not(.type_design_original) .Drawer .Change :is(.ClassIndex, .ClassContact, .ClassPamphlet) .details input.switch:checked ~ label ~ .detail
{
padding: 0;
}
body:not(.type_design_original) .Drawer .List :is(.ClassIndex, .ClassContact, .ClassPamphlet) .Child li :where(a, .a)
{
padding-left: var(--gap);
}
body:not(.type_design_original) .Drawer .List>.Wrap>ul>li:is(.ClassContact, .ClassPamphlet)
{
width: 100%;
margin-top: 0.5em;
}
/*
margin-left: calc(0em - var(--padding));
margin-right: calc(0em - var(--padding));
width: calc(100% + (var(--padding) * 2));
*/
body:not(.type_design_original) .Drawer .List>.Wrap>ul>li:is(.ClassPamphlet)
{
}
/* ------------------------------------------------------------------------------------------------------------