:root{
	--o-r-colors-base:#F3ECE3;
	--o-r-colors-base_text:#534533;
	--o-r-colors-button:#BD8C84;
	--o-r-colors-button_text:#F9F7F5;
	--o-r-colors-assort:#ADBDB0;
	--o-r-colors-assort_text:#534533;
	--o-r-colors-accent:#C38687;
	--o-r-colors-accent_text:#F9F7F5;
}
.-x-richtext ul, .-x-richtext ol {
	list-style-position: inside;
}
[data-legal]{
	position:relative;
	--legal-offset-h:attr(data-legal-offset-h px);
	--legal-offset-v:attr(data-legal-offset-v px);
}
[data-legal][data-legal-safe="1"]::after{
	position: absolute;
	opacity: 0.5;
	color: black;
	content: "墨";
	font-size: 16px;
	display: block;
	height: 24px;
	padding-top: 0px;
	background-image: url(/_lib/lc.png);
	background-size: auto 20px;
	background-repeat: no-repeat;
	padding-left: 50px;
	background-position: left top;
}
[data-legal][data-legal-safe="1"]:hover::after {
    position: absolute;
    opacity: 0.5;
    color: black;
    content: attr(data-legal-check-at);
    white-space:nowrap;
    font-size: 11px;
    display: block;
    height: 24px;
    background-image: url(/_lib/lc.png);
    background-size: auto 20px;
    background-repeat: no-repeat;
    padding-top: 15px;
    padding-left: 0px;
    background-position: left top;
}

[data-legal-position="left-top"]::after{
	left:var(--legal-offset-h);
	top:var(--legal-offset-v);
}
[data-legal-position="left-bottom"]::after{
	left:var(--legal-offset-h);
	bottom:var(--legal-offset-v);
}
[data-legal-position="right-top"]::after{
	right:var(--legal-offset-h);
	top:var(--legal-offset-v);
}
[data-legal-position="right-bottom"]::after{
	right:var(--legal-offset-h);
	bottom:var(--legal-offset-v);
}
/*common_css*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html{
    font-size: 62.5%;
    font-weight: 300;
    background-color:#F3ECE3;;
    color:#534533;;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
    scroll-padding: 100px;
}

:root {
  --font-base: 'Catamaran', 'Noto Sans JP', sans-serif;
}

body{
    font-size: 1.6rem;
    font-family: var(--font-base);
    font-weight: 400;
    font-style: normal;
    color: #534533;
}

img{
    width: 100%;
}

ul{
  li{
    list-style-type: none;
  }
}

[data-w-width] {
    max-width: 100%;
}
[data-w-width="1"] {
    width: 1170px;
    width:;
    margin: 0 auto;
}
[data-w-width="1"] [data-w-width="1"]{
    max-width:100%;
    width:100%;
}
@media (max-width: ){
    [data-w-width="1"] {
        max-width:94%;
    }
}
@media screen and (max-width: 768px) {
    body {
        /*font-size: 3.5vw;*/
    }
}

.-x-text{
    max-width: ;
    margin-left:auto;
    margin-right:auto;
}
.-x-text table{
    border-collapse: collapse;
}
.-x-text td{
    padding: 2px 5px;
    border: 1px solid #ccc;
}
.-x-text ul
,.-x-text ol
,.-x-text li{
    list-style-type:initial;
}
.-x-title-xl{
    font-size:2em;
}
.-x-title-x{
    font-size:1.8em;
}
.-x-title-m{
    font-size:1.6em;
}
.-x-title-s{
    font-size:1.4em;
}
.-x-title-xs{
    font-size:1.2em;
}

.-x-cont > [data-lib] ~ [data-lib]{
    margin-top:40px;
}