:root{
	--o-r-font_subtitle-css_url:https\00003a//fonts.googleapis.com/css?family=Roboto&display=swap;
	--o-r-font_subtitle-family:'Roboto', sans-serif;
	--o-r-common-company_name:SDH;
	--o-r-common-name:小樽市児童センター;
	--o-r-common-hours:9\00003a00-22\00003a00;
	--o-r-common-copyright:Copyright©小樽市児童館・児童センター;
	--o-r-visual_theme-width:1170px;
	--o-r-colors-base:#ffffff;
	--o-r-colors-base_text:#222222;
	--o-r-colors-button:#63A738;
	--o-r-colors-button_text:#4FCFD9;
	--o-r-colors-assort:#CFE6EC;
	--o-r-colors-assort_text:#0FA5E8;
	--o-r-colors-accent:#EB74A2;
	--o-r-colors-accent_text:#F8B251;
}/*common_css*/


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html{
    font-size:62.5%;
    background: rgba(255,255,255,1);
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
    position: relative;
}
body{
    font-size:1.6rem;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.4;
    color: rgba(34,34,34,1);
}
:root {
    --max: 1170px;
    --serif: 'Noto Serif JP', serif;
    --sans: 'Noto Sans JP', sans-serif;
    --roboto: 'Roboto', sans-serif;
    --rubik: 'Rubik', sans-serif;
}
.sans {
  font-family: var(--sans);
}
.serif {
    font-family: var(--serif);
}
.roboto {
    font-family: var(--roboto);
}
.rubik {
  font-family: var(--rubik);
}

li {
    list-style-type: none;
}
a {
    text-decoration: none;
    color: rgba(34,34,34,1);
}
img{
    max-width: 100%;
    vertical-align: bottom;
    width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
}
input {
  font-size: 100%;
}

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

}
    
a[href^="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
　}
}
.-x-text{
    max-width: 1170px;
    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;
}
 */
/*widget:c43df76c-3052-4eee-985d-db6a4a773efb*/[data-lib="1187"]{width: min(calc(100% - 80px) , 1920px);
	margin: 0 auto 20px;}[data-lib="1187"] .headerContent{display: flex;
	height: 100px;
	justify-content: space-between;
	align-items: center;}[data-lib="1187"] .headerContent .headerLogo{font-size: 2rem;
	font-weight: 700;}[data-lib="1187"] .headerContent .headerNav li{display: inline-block;
	margin-right: 20px;}[data-lib="1187"] .headerContent .headerNav li:last-child{margin-right: 0;}[data-lib="1187"] .headerContent .headerNav li a{text-align: center;}[data-lib="1187"] .headerContent .headerNav li a img{display: inline-block;}[data-lib="1187"] .headerContent .headerNav li a .jp{font-weight: 500;}[data-lib="1187"] .headerContent .headerNav li a .en{display: block;
	font-weight: bold;
	font-size: 1.2rem;
	color: rgba(34,34,34,.3);}[data-lib="1187"] .headerContent .headerNav li img{width: 16px;}[data-lib="1187"] .headerContent .headerNav .navSp{display: none;}[data-lib="1187"] .headerContent .headerNav .navSp a{display: block;
	width: 240px;
	margin: 0 auto;
	padding: 15px 0;
	border-radius: 100px;
	background: #fff;
	color: rgba(15,165,232,1);
	font-weight: 500;
	text-align: center;
	font-size: 1.8rem;}[data-lib="1187"] .menu{position: fixed;
	top: 20px;
	right: 40px;
	width: 50px;
	height: 50px;
	background: #f7f7f7;
	z-index: 100;
	display: none;
	border-radius: 50%;}[data-lib="1187"] .menu:hover{cursor: pointer;}[data-lib="1187"] .menuTop,[data-lib="1187"] .menuCenter,[data-lib="1187"] .menuBottom{display: block;
	width: 30px;
	height: 2px;
	border-radius: 20px;
	background: rgba(34,34,34,1);
	position: absolute;
	transition: .3s;
	left: 50%;
	transform: translateX(-50%);}[data-lib="1187"] .menuTop{top: 35%;}[data-lib="1187"] .menuCenter{top: 50%;}[data-lib="1187"] .menuBottom{top: 65%;}@media (max-width: 1200px){[data-lib="1187"] .headerContent .headerNav li{margin-right: 10px;}}@media (max-width: 960px){[data-lib="1187"]{width: min(calc(100% - 40px) , 1920px);}[data-lib="1187"] .headerContent .headerLogo br{display: none;}[data-lib="1187"] .headerContent .headerNav{width: 100%;
	padding: 60px 0;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	z-index: 10;
	background: rgba(207,230,236,1);}[data-lib="1187"] .headerContent .headerNav ul{width: min(calc(100% - 40px) , 400px);
	margin: 0 auto 60px;}[data-lib="1187"] .headerContent .headerNav li{width: 100%;
	padding: 20px 0;
	border-bottom: 1px solid #f7f7f7;}[data-lib="1187"] .headerContent .headerNav li:last-child{margin-right: 0;}[data-lib="1187"] .headerContent .headerNav li a{display: block;
	text-align: left;
	display: flex;
	align-items: center;}[data-lib="1187"] .headerContent .headerNav li a figure{display: inline-block;}[data-lib="1187"] .headerContent .headerNav li a .jp{font-weight: 500;
	margin-right: 20px;}[data-lib="1187"] .headerContent .headerNav li a .en{display: block;
	font-weight: bold;
	font-size: 1.2rem;
	color: rgba(34,34,34,.3);}[data-lib="1187"] .headerContent .headerNav li img{width: 16px;}[data-lib="1187"] .headerContent .headerNav .navSp{display: block;}[data-lib="1187"] .menu{display: block;}}@media (max-width: 560px){[data-lib="1187"]{width: min(calc(100% - 20px) , 1920px);
	margin: 0 auto;}[data-lib="1187"] .headerContent{height: 70px;}[data-lib="1187"] .menu{right: 10px;
	top: 10px;}}[data-instance="225"] .navActive{visibility: visible!important;
	opacity: 1!important;}[data-instance="225"] .menuTopActive{top: 50%;
	transform: translate(-50%,0) rotate(30deg);}[data-instance="225"] .menuCenterActive{opacity: 0;}[data-instance="225"] .menuBottomActive{top: 50%;
	transform: translate(-50%,0) rotate(-30deg);}/*instance mediea*/@media (max-width: 960px){[data-instance="225"] body.navActive::after{content: '';
	width: 100%;
	height: 130%;
	background: #dfc44a;
	display: block;
	z-index: 99;
	position: fixed;
	top: 0;
	left: 0;}}/*widget:61aedfa3-facc-45af-a708-7589ee9083e8*/[data-lib="593"]{width: min(calc(100% - 300px) , 1920px);
	margin: 0 auto;}@media (max-width: 1200px){[data-lib="593"]{width: min(calc(100% - 200px) , 1920px);}}@media (max-width: 960px){[data-lib="593"]{width: min(calc(100% - 40px) , 1920px);}}@media (max-width: 560px){[data-lib="593"]{width: min(calc(100%) , 1920px);}}/*widget:863f39aa-282c-474c-905d-4d65298f1930*/[data-lib="704"]{background: rgba(207,230,236,1);
	padding: 80px 0 40px;}[data-lib="704"] .footerContainer{width: min(calc(100% - 80px) , 1200px);
	margin: 0 auto;}[data-lib="704"] .footerContent{margin-bottom: 40px;
	display: flex;
	justify-content: space-between;}[data-lib="704"] .footerleft{width: 270px;}[data-lib="704"] .footerLeft h2{margin-bottom: 40px;
	color: rgba(15,165,232,1);
	text-align: center;}[data-lib="704"] .footerLeft h2 .subTitle{display: block;
	margin-bottom: 10px;
	font-size: 1.2rem;}[data-lib="704"] .footerLeft h2 .mainTitle{font-size: 2.4rem;
	letter-spacing: .075em;}[data-lib="704"] .footerLeft .link{width: 270px;
	text-align: center;}[data-lib="704"] .footerLeft .link .contact{display: inline-block;
	width: 200px;
	padding: 15px 0;
	margin-bottom: 20px;
	text-align: center;
	background: #fff;
	font-weight: bold;
	color: rgba(15,165,232,1);
	border-radius: 200px;}[data-lib="704"] .footerLeft .link .privacy ,[data-lib="704"]  .privacy-sp a{font-size: 1.4rem;
	font-weight: 500;
	color: rgba(15,165,232,1);
	display: block;}[data-lib="704"] .privacy-sp{display: none;}[data-lib="704"] .footerRight{width: calc(100% - 270px);
	display: flex;
	flex-direction: column;}[data-lib="704"] .footerNav{margin-top: 40px;}[data-lib="704"] .footerNav ul{display: flex;
	justify-content: flex-end;}[data-lib="704"] .footerNav ul li{display: inline-block;
	margin-right: 20px;}[data-lib="704"] .footerNav ul li a{text-align: center;}[data-lib="704"] .footerNav ul li a img{width: 12px;
	vertical-align: text-top;}[data-lib="704"] .footerNav ul li a .jp{font-weight: 500;
	margin-bottom: 4px;
	color: rgba(15,165,232,1);}[data-lib="704"] .footerNav ul li a .en{display: block;
	font-size: 1.2rem;
	font-weight: bold;
	color: rgba(15,165,232,0.3);}[data-lib="704"] .footerNav ul li a .en i{display: none;}[data-lib="704"] .footerRight .info{margin-top: auto;
	color: rgba(15,165,232,1);
	display: flex;
	justify-content: flex-end;}[data-lib="704"] .copy{text-align: center;
	font-size: 1.2rem;
	color: rgba(15,165,232,1);}@media (max-width: 1200px){[data-lib="704"] .footerTop h2 .mainTitle{font-size: 2.2rem;}[data-lib="704"] .footerNav ul li{margin-right: 10px;}}@media (max-width: 960px){[data-lib="704"]{padding: 60px 0 40px;}[data-lib="704"] .footerContent{margin-bottom: 60px;
	display: block;}[data-lib="704"] .footerleft{width: auto;
	margin-bottom: 60px;
	text-align: center;}[data-lib="704"] .footerLeft h2{margin-bottom: 20px;}[data-lib="704"] .footerLeft h2 .subTitle{display: block;
	margin-bottom: 10px;
	font-size: 1.2rem;}[data-lib="704"] .footerLeft h2 .mainTitle{font-size: 2.4rem;
	letter-spacing: .075em;}[data-lib="704"] .footerLeft .link{width: auto;
	text-align: center;}[data-lib="704"] .footerLeft .link .privacy{display: none;}[data-lib="704"] .footerRight{width: min(100% , 480px);
	margin: 0 auto 40px;
	display: block;}[data-lib="704"] .footerNav{margin-top: 0;
	margin-bottom: 40px;}[data-lib="704"] .footerNav ul{display: block;}[data-lib="704"] .footerNav ul li{display: block;
	margin-right: 0;
	padding: 15px 0;
	border-bottom: 1px solid rgba(0,0,0,.1);}[data-lib="704"] .footerNav ul li:first-child{border-top: 1px solid rgba(0,0,0,.1);}[data-lib="704"] .footerNav ul li a{text-align: left;
	display: flex;
	justify-content: space-between;
	align-items: center;}[data-lib="704"] .footerNav ul li a img{width: 12px;
	vertical-align: text-top;}[data-lib="704"] .footerNav ul li a .jp{font-weight: 500;
	margin-bottom: 0;
	color: rgba(15,165,232,1);}[data-lib="704"] .footerNav ul li a .en{display: block;
	font-size: 1.2rem;
	font-weight: bold;
	color: rgba(15,165,232,0.3);}[data-lib="704"] .footerNav ul li a .en i{display: inline-block;
	margin-left: 10px;
	color: rgba(15,165,232,1);}[data-lib="704"] .footerRight .info{display: block;}[data-lib="704"] .privacy-sp{display: block;
	margin-bottom: 20px;
	font-size: 1.2rem;
	text-align: center;}[data-lib="704"] .copy{text-align: center;
	font-size: 1.2rem;
	color: rgba(15,165,232,1);}}@media (max-width: 560px){[data-lib="704"] .footerContainer{width: min(calc(100% - 40px) , 1200px);}}/*widget:baab6691-aa5a-4303-9632-fffac0a18e05*/[data-lib="658"] .mvContent{display: flex;}[data-lib="658"] .mvContent .titleBg{width: 40%;
	padding: 0 60px;
	background: #F5F6E6;
	display: grid;
	place-content: center;}[data-lib="658"] .mvContent .titleBg h1{line-height: 1;}[data-lib="658"] .mvContent .titleBg h1 .mainTitle{display: block;
	margin-bottom: 15px;
	font-size: 3.2rem;}[data-lib="658"] .mvContent .titleBg h1 .subTitle{font-size: 1.4rem;
	font-weight: 500;}[data-lib="658"] .mvContent .titleBg figure{width: min(100% , 280px);
	margin-top: 20px;}[data-lib="658"] .mvContent .mvPic{width: 60%;}[data-lib="658"] .mvContent .mvPic img{width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left;}@media (max-width: 1400px){[data-lib="658"] .mvContent .titleBg{width: 45%;
	padding: 40px;}[data-lib="658"] .mvContent .titleBg h1 .mainTitle{font-size: 2.8rem;
	margin-bottom: 10px;}[data-lib="658"] .mvContent .titleBg figure{width: min(100% , 200px);}[data-lib="658"] .mvContent .mvPic{width: 55%;}}@media (max-width: 960px){[data-lib="658"] .mvContent .titleBg{width: 50%;
	padding: 20px;}[data-lib="658"] .mvContent .titleBg h1 .mainTitle{font-size: 2.2rem;}[data-lib="658"] .mvContent .titleBg h1 .subTitle{font-size: 1.4rem;}}@media (max-width: 560px){[data-lib="658"] .mvContent{display: block;}[data-lib="658"] .mvContent .titleBg{width: 100%;
	text-align: center;}[data-lib="658"] .mvContent .titleBg figure{width: min(100% , 300px);
	margin: 20px auto 0;}[data-lib="658"] .mvContent .mvPic{display: none;}}/*widget:76c2d335-b770-473e-9344-b784f3385c56*/[data-lib="1015"] .singleContainer{width: min(100% , 960px);
	margin: 0 auto;}[data-lib="1015"] .singleContainer h2{font-size: 3.2rem;
	margin-bottom: 25px;
	font-weight: 400;}[data-lib="1015"] .singleContainer .textBox{margin-bottom: 40px;
	display: flex;
	align-items: center;
	justify-content: flex-end;}[data-lib="1015"] .singleContainer .textBox .category{margin-right: 40px;}[data-lib="1015"] .singleContainer .textBox .category a{font-weight: bold;
	color: rgba(99,167,56,1);}[data-lib="1015"] .singleContainer .textBox .date{font-family: var(--roboto);
	font-weight: bold;
	font-size: 1.8rem;}[data-lib="1015"] .singleContainer .singlePic{width: min(100% , 770px);
	margin: 0 auto 40px;}[data-lib="1015"] .singleContainer .singlePic img{border-radius: 30px;}[data-lib="1015"] .singleContainer .singlePic .singleText{line-height: 1.7;
	letter-spacing: .075em;}[data-lib="1015"] .singleContent{margin-bottom: 40px;}[data-lib="1015"] .singleContent:first-child{margin-top: 40px;}[data-lib="1015"] .singleContentTitle{margin-bottom: 15px;
	font-size: 2.4rem;
	font-weight: 500;}[data-lib="1015"] .singleContentPic{width: min(100% , 770px);
	margin: 0 auto 40px;}[data-lib="1015"] .singleContentText{line-height: 1.6;
	letter-spacing: .075em;}[data-lib="1015"] .singleLink{text-align: center;}[data-lib="1015"] .singleLink a span{margin-right: 10px;}[data-lib="1015"] .singleLink i{width: 22px;
	height: 22px;
	border-radius: 50%;
	color: #fff;
	background: rgba(99,167,56,1);
	font-size: 1.2rem;
	line-height: 22px;
	text-align: center;}@media (max-width: 960px){[data-lib="1015"] .singleContainer h2{font-size: 2.4rem;
	margin-bottom: 20px;}[data-lib="1015"] .singleContainer .textBox{margin-bottom: 30px;}[data-lib="1015"] .singleContainer .textBox .category{margin-right: 30px;}[data-lib="1015"] .singleContainer .textBox .category a{font-size: 1.4rem;}[data-lib="1015"] .singleContainer .textBox .date{font-size: 1.4rem;}[data-lib="1015"] .singleContainer .singlePic{width: min(100% , 770px);
	margin: 0 auto 30px;}[data-lib="1015"] .singleContainer .singlePic img{border-radius: 20px;}[data-lib="1015"] .singleContainer .singlePic .singleText{font-size: 1.4rem;}[data-lib="1015"] .singleContent{margin-bottom: 30px;}[data-lib="1015"] .singleContent:first-child{margin-top: 30px;}[data-lib="1015"] .singleContentTitle{font-size: 1.8rem;}[data-lib="1015"] .singleContentPic{margin: 0 auto 30px;}[data-lib="1015"] .singleContentText{font-size: 1.4rem;}[data-lib="1015"] .singleLink i{width: 20px;
	height: 20px;
	line-height: 20px;}}@media (max-width: 560px){[data-lib="1015"] .singleContainer h2{font-size: 2rem;}}/*widget:177f1baf-27dd-4090-bd6b-78f4473c8ab6*/[data-lib="575"]{padding: 80px 0 120px;}[data-lib="575"] .-x-cont{width: min(calc(100% - 80px) , var(--max));
	margin: 0 auto;}@media (max-width: 960px){[data-lib="575"]{padding: 60px 0 100px;}}@media (max-width: 560px){[data-lib="575"]{padding: 40px 0 60px;}[data-lib="575"] .-x-cont{width: min(calc(100% - 40px) , var(--max));
	margin: 0 auto;}}@media (max-width: 480px){}