/*
Theme Name: CL Schools Theme
Author: 株式会社サイバーリンクス
Author URI: http://www.cyber-l.co.jp/
Description:2025 学校向けウェブサイトテーマ(グローバルナビゲーション主導更新タイプ)
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: clschools
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Customize Style
# Module
 ## Font Style 
--------------------------------------------------------------*/
.admin-bar #wpadminbar {position: fixed;}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
*, *:before, *:after { box-sizing: inherit;}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;box-sizing: border-box;}
audio:not([controls]) {	display: none;	height: 0;}
[hidden],template {	display: none;}
abbr[title] {	border-bottom: 1px dotted;}
b,strong {	font-weight: 700;}
dfn {	font-style: italic;}
mark {	background: #ff0;	color: var(--wp--preset--color--contrast);}
small {	font-size: 80%;}
sub,sup {	font-size: 75%;	line-height: 0;	position: relative;	vertical-align: baseline;}
sup {	top: -0.5em;}
sub {	bottom: -0.25em;}
img { border: 0;margin: 0;padding: 0;vertical-align: top; height: auto; max-width: 100%; width: auto;}
svg:not(:root) {overflow: hidden;}
figure {	margin: 1em 40px;}
hr {	box-sizing: content-box;	height: 1px; border: none;}
pre {	overflow: auto;}
code,kbd,pre,samp {	font-family: monospace, monospace;	font-size: 1em;}
button,input,optgroup,select,textarea {	color: inherit;	font: inherit;	margin: 0;}
button {	overflow: visible;}
button,select {	text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {	-webkit-appearance: button;	cursor: pointer;}
button[disabled],html input[disabled] {	cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {	border: 0;	padding: 0;}
input {	line-height: normal;}
input[type="checkbox"],input[type="radio"] {	box-sizing: border-box;	padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {	height: auto;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {	-webkit-appearance: none;}
fieldset {	border: 1px solid #c0c0c0;	margin: 0 2px;	padding: 0.35em 0.625em 0.75em;}
legend {	border: 0;	padding: 0;}
textarea {	overflow: auto;}
optgroup {	font-weight: 700;}
table {	border-collapse: collapse;	border-spacing: 0;}
td,th {	padding: 0;}
a { background-color: transparent; text-decoration:underline;color: var(--wp--preset--color--main); color: var(--wp--preset--color--link);}
.noLink > a{pointer-event:none; cursor: default;}
:focus:not(:focus-visible) {outline: 0;}
p:empty{display: none;}

html {font-size:62.5%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust:100%;overflow-y: scroll;box-sizing: border-box;}
body {font-size: 16px; font-size: 1.6rem; line-height: 1.75; padding: 0; font-family: "BIZ UDPGothic",'游ゴシック', 'Yu Gothic', sans-serif; margin: 0; /*overflow-x: hidden;*/}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {	clear: both;}
.small{font-size: 78.5%;}
p { margin-top: 0;	margin-bottom: 1.5em;}
blockquote {	margin: 0 1.5em;}
address {	margin: 0 0 1.5em;}
pre {	background: #f0f0f0;	font-size: 93.75%;	line-height: 1.6;	margin-bottom: 1.6em;	max-width: 100%;	overflow: auto;	padding: 1.6em;}
code{	font-size: 93.75%;}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
blockquote:before,blockquote:after,q:before,q:after {	content: "";}
blockquote,q {	quotes: "" "";}
ul,ol {	margin: 0 0 1.5em 0; padding-left: 25px;}
ul ul,ol ol{	padding-left: 0; margin-top: 8px;}
li{margin-left: 0; margin-bottom: 8px; padding-left: 0;}
ul {	list-style: disc;}
ol {	list-style: decimal;}
li > ul,li > ol {	margin-bottom: 0;	margin-left: 1.5em;}
dt {	font-weight: bold;}
dd {	margin: 0 1.5em 1.5em;}

embed,iframe,object {	max-width: 100%;}
figure {	margin: 1em 0;}
table {	margin: 0 0 1.5em;	width: 100%;}
table th {background-color: #efefef;}
table th,table td {padding: 8px;}
.entry-meta {	font-size: 75%;	text-align:right;	margin:40px auto 30px; padding: 6px 0; width:90%;}
.entry-footer{ display: none;}
.clear{clear: both !important;}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {	border: 1px solid;	border-color: var(--wp--preset--color--main);	border-radius: 3px;	background: var(--wp--preset--color--bg);	color: rgba(0,0,0,.8);	line-height: 1;	padding: .6em 1em .4em;}

button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover {	border-color: var(--wp--preset--color--main);}
button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active {	border-color: var(--wp--preset--color--main);}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea {	color: #666;	border: 1px solid var(--wp--preset--color--main);	border-radius: 3px;	padding: 3px;}
select {	border: 1px solid var(--wp--preset--color--main);}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus {	color: #111;}
textarea {	width: 100%;}
input[type="password"]{padding:8px;}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {	clip: rect(1px, 1px, 1px, 1px);	position: absolute !important;	height: 1px;	width: 1px;	overflow: hidden;	word-wrap: normal !important; }
.screen-reader-text:focus {	background-color: #f1f1f1;	border-radius: 3px;	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);	clip: auto !important;	color: #21759b;	display: block;	font-size: 87.5%;	font-weight: bold;	height: auto;	left: 5px;	line-height: normal;	padding: 15px 23px 14px;	text-decoration: none;	top: 5px;	width: auto;	z-index: 100000;}
/*
## Links
--------------------------------------------------------------*/
/* 自動アイコン表示 */
p a[href$=".pdf"],table a[href$=".pdf"],.wp-block-file a[href$=".pdf"]:first-child,
p a[href$=".zip"],table a[href$=".zip"],.wp-block-file a[href$=".zip"]:first-child,
p a[href$=".docx"],table a[href$=".docx"],.wp-block-file a[href$=".docx"]:first-child,
p a[href$=".doc"],table a[href$=".doc"],.wp-block-file a[href$=".doc"]:first-child,
p a[href$=".xlsx"],table a[href$=".xlsx"],.wp-block-file a[href$=".xlsx"]:first-child,
p a[href$=".xls"],table a[href$=".xls"],.wp-block-file a[href$=".xls"]:first-child{
 position: relative; padding-left: 20px; display: inline-block;}
p a[href$=".pdf"]::after,table a[href$=".pdf"]::after,.wp-block-file a[href$=".pdf"]::after,
p a[href$=".zip"]::after,table a[href$=".zip"]::after,.wp-block-file a[href$=".zip"]::after,
p a[href$=".docx"]::after,table a[href$=".docx"]::after,.wp-block-file a[href$=".docx"]::after,
p a[href$=".doc"]::after,table a[href$=".doc"]::after,.wp-block-file a[href$=".doc"]::after,
p a[href$=".xlsx"]::after,table a[href$=".xlsx"]::after,.wp-block-file a[href$=".xlsx"]::after,
p a[href$=".xls"]::after,table a[href$=".xls"]::after,.wp-block-file a[href$=".xls"]::after{
content: "";position: absolute;width: 14px; height: 16px;left:0; bottom:2px;}
a[href$=".pdf"]::after{width: 16px; height: 16px;
background: url(assets/images/icon_pdf.png) no-repeat 100% 0;background-size: 16px 16px;}
a[href$=".zip"]::after,
a[href$=".gz"]::after{width: 13px; height: 15px;
background: url(assets/images/icon_zip.png) no-repeat 100% bottom;background-size: 13px 15px;}
a[href$=".pptx"]::after,
a[href$=".ppt"]::after{
background: url(assets/images/icon_ppt.png) no-repeat 100% 0;background-size: 14px 14px;}
a[href$=".docx"]::after,
a[href$=".doc"]::after{
background: url(assets/images/icon_word.png) no-repeat 100% 0;background-size: 14px 14px;}
a[href$=".xlsx"]::after,
a[href$=".xls"]::after{
background: url(assets/images/icon_excel.png) no-repeat 100% 0;background-size: 14px 14px;}
/*外部リンク*/
p a[target="_blank"],table a[target="_blank"]{padding-right: 30px; position: relative}
p a[target="_blank"]::after,table a[target="_blank"]::after{
content: "";position: absolute;width: 20px; height: 20px;bottom:4px;right:8px;
background: url(assets/images/ico_linkList.png) no-repeat 0 5px;	background-size: 20px 15px;}
#sb_instagram a[target="_blank"],
.wp-block-image a[target="_blank"]{padding-right: 0;}
#sb_instagram a[target="_blank"]::after,
.wp-block-image a[target="_blank"]::after{content: none;}
.wp-block-file__button::after{content: none !important;}
.wp-block-button a[target="_blank"]{padding-right: 30px;}
.wp-block-button a[target="_blank"]::after{top:15px;right:10px;}
.no-icon,
.no-ico,
.noIco{background: none !important;padding:0 !important;}

/*------------------------------------------------
# レイアウト設定
----------------------------------------------- */
#entry-header,
#secondary,
#main > *,
#main .entry-content > *,
#main .page-content > *,
.entry-meta > *,
.twoCol #content,
.towCol #content{ max-width: 1170px; width: 90%; margin-left: auto; margin-right: auto; }
.home #main .entry-content > *,
.home #main .page-content > *
.oneCol #main .entry-content > *,
.oneCol #main .page-content > *{ max-width: 900px; }
#main .entry-content > .alignfull,
#main .page-content > .alignfull,
.home #main .entry-content > .alignfull,
.home #main .page-content > .alignfull
.oneCol #main .entry-content > .alignfull,
.oneCol #main .page-content > .alignfull{max-width: none; width:100%;}
article,.alignfull {max-width:none !important; margin-left: 0 !important;width:100% !important; margin-right: 0 !important;}
#main{padding-bottom: 20px;}
#main,
#secondary {margin: 0 auto 30px;}
.inner{max-width: 1170px; width: 90%; margin: 0 auto;}
.home #main{max-width: none; width: 100%; display: block;}

@media print,screen and (min-width:768px) {
 #main .entry-content > *, #main .page-content > *{ width: 100%;}
 
 #content{display: flex; gap:2.479338842975207%; justify-content: center; padding: 0 0 50px;}
 .oneCol #content {display: block;}
 .twoCol #main{width: 74.36%; margin: 0 auto 40px 0;}
 .twoCol.search #main,
 .twoCol.error404 #main{width: 100%; margin: 0 auto 40px;}
 .twoCol #secondary{ width: 22.2225%; margin: 0 0 40px auto;}
 .twoCol.leftSide #secondary{order: 1;}
 .twoCol.leftSide #main{order: 2;}
 .oneCol #main {margin: 0 auto 40px; width: 100%;}
 .oneCol #secondary{width: 100%;}
 .home #main{width: 100%;}
 
 /* flexbox */
 .row{	width: 100%;	display: flex;	position: relative; box-sizing: border-box;flex-wrap: wrap;}
 .inner{width: 100%;}

 .jcSB{	-webkit-justify-content: space-between;	justify-content: space-between; }
 .jsSBend{	-webkit-justify-content: flex-end ;	justify-content: flex-end;}
 .jcC{	-webkit-justify-content: center;	justify-content: center; }
 .is-vertical{flex-direction: column;}
 .wrap{flex-wrap: wrap;}
/* end min-width:768px */ }

@media print,screen and (min-width:1211px) { .inner{width: 100%;} }

/*----------------------------------------------- 
# Header
----------------------------------------------- */
#headerArea{position: relative;}
#masthead{display: flex; align-items: center; position: relative; width: 100%; margin: 0 auto; min-height: 60px;}
#logoBox{ max-height: 40px; width: auto; margin-right: 10px; margin-left: 10px;}
#logoBox:empty{display: none;}
#logoBox a {display: block; line-height: 1;}
#logoBox img{ width: auto; height: 40px; object-fit: contain;}
#siteBranding{ width: 100%;padding-right: 130px;}
#logoBox:empty + #siteBranding{ margin-left: 20px;}
#siteTitle { font-size: 3vw;	font-weight: 700;	line-height: 1.1;	margin: 0 0 5px 0; padding: 0;}
#siteTitle a {	text-decoration: none; color: var(--wp--preset--color--contrast);}
#siteTitle a:hover, #siteTitle a:focus, #siteTitle a:active {text-decoration: underline;}
#siteDescription {	color: var(--wp--preset--color--sub);	font-weight: 700;	font-size: 1.35vw; line-height: 1.2;	margin:0 ;}
@media screen and (min-width:768px) {
 #masthead{min-height: 80px;}
 #logoBox{ max-height: 60px; width: auto; margin-right: 20px; margin-left: 20px;}
 #logoBox img{ height: 50px;}
 #siteBranding{padding-right: 170px;}
 #siteTitle { font-size: 168.5%;}
 #siteDescription {	font-size: 87.5%;}
}
/* #検索
----------------------------*/
.searchBox{ padding: 0; position: absolute; top: 0; right: 60px; z-index: 99999;   }
.acdCheck{opacity: 0; position: absolute;}
.acdLabel{background-color: var(--wp--preset--color--sub); color: var(--wp--preset--color--base); cursor :pointer; display: block; padding: 10px 0 5px; font-size: 80%; line-height: 1.1; text-align: center; margin: 0 0 0 auto;position: relative;  height: 60px; width: 60px;}
.acdBox{background-color: var(--wp--preset--color--sub); color: var(--wp--preset--color--base); display: none; height: 0; overflow: hidden; padding: 0 15px; position: absolute; top:60px; right: -60px; width: 0; z-index: 99999; box-shadow: 3px 3px 3px rgba(0,0,0,.3);}
.acdCheck:focus + .acdLabel{}
.acdCheck:checked + .acdLabel + .acdBox{display: block; height: auto; padding: 30px 20px 20px 20px; width: 300px; }
.search-form{display: flex; align-items: center; justify-content: space-between; }
.search-form label{width: 100%;}
input[type="search"].search-field {	padding:11px 15px !important; background: var(--wp--preset--color--base); width: 100%;border-radius: 4px 0 0 4px; border-right: none;}
input[type="submit"].search-submit{ background: url("assets/images/ico_search.svg") no-repeat 50% 50% #FFF;border-radius: 0 4px 4px 0; font-size: 0px; height: 40px; width: 50px; }
@media print,screen and (min-width:768px) {
 .searchBox{ right: 80px; }
 .acdBox{right: 0; top:80px;}
 .acdCheck:checked + .acdLabel + .acdBox{ width: 400px;}
 .acdLabel{height: 80px; width: 80px; padding: 14px 0 5px; line-height: 1.4;}
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#mainNav{position: relative;}
.fixed {	position: fixed !important; 	z-index: 9999; top: 0px; left: 0;	width: 100%; }
#btnNav,
#btnNav span {	display: inline-block;	transition: all .4s;	box-sizing: border-box;}
#btnNav {display: block; background-color: var(--wp--preset--color--main); color: var(--wp--preset--color--base); position: fixed; top:0;	right:0;	margin:0;	width: 60px;	height: 60px;	border: none; z-index: 99999; border-radius: 0;}
#btnNav span {	position: absolute;	left: 0; right: 0; margin: auto;	width: 30px;	height: 3px;	background-color: var(--wp--preset--color--base); border-radius: 2px;}
#btnNav span:nth-of-type(1) {top:15px;}
#btnNav span:nth-of-type(2) {top:25px;}
#btnNav span:nth-of-type(3) {top:35px;}
#btnNav #tMenu{	text-align: center; color: var(--wp--preset--color--base); background: none; position: absolute;	bottom:15px;	right:0; left: 0;	width: 50px;	font-size:80%; font-weight: 500;	}
#btnNav:hover {cursor:pointer;}
#btnNav:focus {outline:none;}
#btnNav.active span:nth-of-type(1) {	-webkit-transform: translateY(10px) rotate(-45deg);	transform: translateY(10px) rotate(-45deg);}
#btnNav.active span:nth-of-type(2) {opacity: 0;}
#btnNav.active span:nth-of-type(3) {	-webkit-transform: translateY(-10px) rotate(45deg);	transform: translateY(-10px) rotate(45deg);}
#gNav {	background: var(--wp--preset--color--main); display:none; width:100%;	height: 100%; padding:40px 0 100px 0;	margin:0 auto;	position:fixed;	z-index:9999;	top: 60px;	right:0px;	overflow-y: scroll;	-webkit-overflow-scrolling: touch;}
#gNav .menu-mainnavi-container{width:100%; max-width: none;	}
#gNav ul {	padding:0;	margin: 0 auto; list-style: none; width: 90%;}
#gNav ul a{display: block;	text-decoration: none; color: var(--wp--preset--color--base);}
#gNav > .menu-mainnavi-container > ul > li > a {border: 1px solid var(--wp--preset--color--base);; padding:15px 10px; margin-bottom: 10px;}
#gNav ul li{ padding-top: 0; margin-bottom: 0; line-height: 1.3;}
#gNav ul li ul{margin-top: 10px; margin-bottom: 20px; font-size: 93.75%;}
#gNav ul ul a{padding:10px 0 10px 30px; position: relative;}
#gNav ul ul a::before {content: ""; position: absolute; top: 18px; left: 10px; width: 6px; height: 6px; border-top: 1px solid var(--wp--preset--color--base);; border-right: 1px solid var(--wp--preset--color--base);; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#gNav ul ul {margin-right: 0; padding: 0; width: 96%;}
#gNav .current_page_item > a,
#gNav .current-menu-item > a {background: rgba(0,0,0,.15);}
.admin-bar.fixed{top:46px !important; }
.admin-bar #btnNav{top: 46px;}
.admin-bar #gNav{top:106px; }
@media screen and (min-width:768px) {
 .admin-bar.fixed{top:32px !important; }
 .admin-bar #btnNav{top: 32px;}
 .admin-bar #gNav{top:112px; }
 #btnNav {width: 80px;	height: 80px;}
 #btnNav #tMenu{	bottom:30px;}
 #gNav {margin-bottom: 0; top: 80px;	height: 100%; overflow-y: auto; padding-top: 80px; padding-bottom: 80px;	z-index:9999;}
 #gNav .menu-mainnavi-container > ul { display: flex; flex-wrap: wrap; gap:1.95%; width: 90%; margin-bottom: 80px; }
 #gNav .menu-mainnavi-container > ul > li{ width: 15%;}
 #gNav ul ul{margin-left: 0; width: 100%; }
 #gNav ul li li { margin-bottom: 0; border: none;}
 #gNav li:first-child{	right: 0 !important;}
 #gNav a{padding: 10px;	}
 #gNav li > a:hover {background: rgba(0,0,0,.15);}
}

.nav-links{ border-top: 1px solid #eee; font-size:11px;}
.nav-previous:before{ content: "<< "}
.nav-next:after{ content: " >>";}
/*
　#breadcrumb
------------------------------*/
#breadcrumb{clear:both;	background-color: var(--wp--preset--color--bg);	padding:8px 0;	list-style: none;	font-size:87.5%; margin-bottom: 30px;}
#breadcrumb ol{list-style: none; max-width: 1210px; width: 96%; margin: 0 auto; padding: 0; display: flex; flex-wrap: wrap;}
#breadcrumb ol li{margin-bottom: 0;}
#breadcrumb a{text-decoration: none; color: var(--wp--preset--color--contrast);}
#breadcrumb a:hover{text-decoration: underline;}
#breadcrumb li::before{content: " ・"; margin:0 6px;}
#breadcrumb li:first-child::before{content: none;}
@media print,screen and (min-width:768px) {
 #breadcrumb{margin-bottom: 60px;}
}

@media print,screen and (min-width:1260px) {
 #breadcrumb ol{width: 100%;}
}
/*
　.entry-header
------------------------------*/
 .entry-header{max-width: 1170px; width: 90%; margin: 0 auto; }
@media print,screen and (min-width:768px) {
 .entry-header{width: 100%; }
}
/*
	headerImg
---------------------------------------*/
#headerImg{text-align: center; background: var(--wp--preset--color--base);;}
#headerImg img{ width: 100%;	display: block;	margin: 0 auto;}

/* アイキャッチ画像の設定*/
.eyecatch{	display:block;	padding:0;	margin: 0 auto 20px;}
.eyecatch-single{	margin:0;	text-align:center;}

/*------------------------------------------------
 #secondary
------------------------------------------------ */
#secondary h2,
#secondary .navOpen{ background-color: var(--wp--preset--color--bg); font-size: 125%;	padding:15px 10px; border-bottom: 2px solid var(--wp--preset--color--main); margin:0 auto 15px; border-radius: 0; text-align: center;}
#secondary h2::before{content: none;}
#secondary h2 a{display: block; text-decoration: none;}
.navOpen:hover {background-color: var(--wp--preset--color--light);}

#secondary .menu {list-style: none; padding-left: 0; margin-bottom: 30px;}
#secondary h2 + ul {margin-top: -15px; }
#secondary .menu li {border-bottom: 1px solid var(--wp--preset--color--sub); width: 100%; margin: 0 auto;}
#secondary .menu a {display: block; text-decoration: none; padding: 10px 0 10px 18px; position: relative;}
#secondary .menu a::before{ position: absolute; content: ""; top:20px; left: 0;	width: 6px;	height: 6px;
	border-top: 1px solid var(--wp--preset--color--main);	border-right: 1px solid var(--wp--preset--color--main);	-webkit-transform: rotate(45deg);	transform: rotate(45deg);}
#secondary .menu a:hover {text-decoration: underline;}
#secondary .menu .children {margin-top:-5px; list-style: none; padding-bottom: 5px;}
#secondary .menu .children > li a{padding: 5px 0 5px 18px}
#secondary .menu .children a::before{ top:15px;	background: var(--wp--preset--color--light);	border:none; border-radius: 5px;}
#secondary .menu .children > li{border-bottom: none;}
/*開閉メニュー
#secondary .navOpen{ cursor: pointer;	position: relative;}
#secondary .navOpen{margin-bottom: 40px;}
#secondary .navOpen.active{margin-bottom: 0;}
.navOpen::before,
.navOpen::after{content: "";	position: absolute; top: 0; bottom: 0; margin: auto;	right: 24px;	width: 3px;	height: 16px; background: var(--wp--preset--color--main); border-radius: 2px;}
.navOpen:after {	-webkit-transform: rotate(90deg);	transform: rotate(90deg);}
.navOpen.active::before{	content: none;}

.selectMenu {display: none; max-height: 300px; overflow-y: auto; list-style: none;}
.selectMenu.active{display: block;}
.selectMenu a{display: block; text-decoration: none; padding:8px 10px;}
.selectMenu a:hover{background: var(--wp--preset--color--base);}
*/
#secondary .selectMenu li{margin: 0 auto; }
@media print,screen and (min-width:768px) {
 #secondary h2,
 #secondary .navOpen{padding: 25px 10px;}
 #secondary li a {padding: 15px 0 15px 18px; position: relative;}
 #secondary li a::before{ top:25px;}
 
 .oneCol #secondary h2,
 .oneCol #secondary .navOpen{ padding: 20px 10px;}
 .oneCol #secondary .menu{display: flex; gap:1.3%; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 60px;}
 .oneCol #secondary .menu > li{width: 24%; margin-left: 0; margin-right: 0;}
 .oneCol #secondary .menu.selectMenu {display: none;}
 .oneCol #secondary .menu.selectMenu.active{display: flex;}
}

/*	セクションアンカー、その他の設定
---------------------------------------*/
.clear {clear: both;}
.skip, .hide {	display: none;}

/* PageNation(PostType:Post,Cuisine)
---------------------------------*/
.wp-pagenavi {padding-top: 40px; text-align: center;
-js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content:center;flex-wrap: wrap;}
.wp-pagenavi .pages,.wp-pagenavi .extend{border: none;}
.wp-pagenavi .page{ background: var(--wp--preset--color--bg); border-color:var(--wp--preset--color--main); }
.pages{font-size: 12px;text-align: center; width: 100%; color: var(--wp--preset--color--sub);}
.wp-pagenavi a,
.wp-pagenavi .current{ border: 1px solid var(--wp--preset--color--main);
 border-left-width: 0;
 background: var(--wp--preset--color--bg);
 color: var(--wp--preset--color--main); display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
 font-weight: 300; padding-top: 1px; text-decoration:none; box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,.35);
 margin: 0; min-width:40px; min-height:44px;}
.wp-pagenavi a{border-left-width:1px !important; margin-left:-1px;}
.wp-pagenavi a:hover,
.wp-pagenavi span.current{color: var(--wp--preset--color--base); background: var(--wp--preset--color--sub);; border: 1px solid var(--wp--preset--color--sub);}

/*--------------------------------------
  footer
---------------------------------------*/
/* PageTop */
.pagetop {	position: fixed;	bottom: 20px;	right: 10px;	height: 40px;	width: 40px;	z-index: 9998;}
.pagetop a {	background: var(--wp--preset--color--main);	color: var(--wp--preset--color--base); display: block; text-decoration: none;	text-align: center;	text-indent: -9999px;	height: 40px; width: 40px;	position: relative;	font-size:80%;/*12px*/
	padding-top: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;-ms-border-radius: 30px;border-radius: 30px;}
.pagetop a::after{content: "" !important;	position: absolute;	top:15px; right:0; left:0;margin: auto; width: 12px; height: 12px;	box-sizing: border-box;	border-top: 2px solid var(--wp--preset--color--base); border-right: 2px solid var(--wp--preset--color--base); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
@media print,screen and (min-width:480px) { /* TABLET */	
 .pagetop {	width: 50px;	height: 50px;	bottom: 40px;	right: 10px;}
 .pagetop a {	width: 50px;	height: 50px;	}
 .pagetop a::after{	top:20px;	}
/* end min-width: 480px */ }
#footer{ background: var(--wp--preset--color--bg); clear: both;	overflow: hidden;	padding-top: 30px; }
#footer .inner{clear: both;}
/*#footer section > *:last-child{margin-bottom:0;}*/
@media print,screen and (max-width:1210px) {
 #footer .inner{width:94%;}
}

/* Social Profile */
.snsBox::empty{display: none;}
.socialProf {margin: 40px auto 0;}
.socialProf ul {	list-style: none;	margin: 0;	padding: 0; display: flex; justify-content: center; flex-wrap: wrap; gap:20px;}
.socialProf ul li {	margin: 0 0 10px 0;}
.socialProf ul li a,
#gNav .socialProf ul li a{	display: block;	width: 24px;	height: 24px; padding: 0;}
#gNav .socialProf ul li a{	filter: brightness(300%);}
.socialProf ul li a:hover img, 
.socialProf ul li a:active img {	filter: contrast(500%);}
img#wpstats {	display: none;}

/*copylight*/
#copylight{ background: var(--wp--preset--color--main); color: var(--wp--preset--color--base); text-align: center; font-size: 87.5%; font-family: Verdana, "Droid Sans", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;}
#copylight p {margin: 0; padding: 15px;}


/*Cookie同意
----------------------*/
#cookieBanner{position:fixed; bottom:0; left:0; right:0; background:var(--wp--preset--color--bg); padding:30px 20px; z-index:9999; font-size: 90%; }
#cookieBtn{display: flex; justify-content: center; gap:20px;}
#cookieBtn button{ border-radius: 20px; border: none; cursor: pointer; font-size: 100%; padding: 8px 30px; white-space: nowrap;}
#noCookie{background-color: var(--wp--preset--color--base); }
#okCookie{background-color: var(--wp--preset--color--main); color: var(--wp--preset--color--base); }
@media (min-width: 768px) {
 #cookieBox{display: flex; justify-content: space-around; flex-wrap: wrap; align-items: center; }
}


/* note rss
----------------------*/

.rssbox { display: flex; flex-wrap: wrap; margin: 40px auto; padding-left: 0;}
.rssbox li { list-style: none; border: 1px solid var(--wp--preset--color--bg); padding: 10px; background: #fff; border-radius: 5px;}
.rssbox img { max-width: 260px;width: 100%;　height: 200px;　object-fit: cover;}
.rssbox .title {padding:0; margin:10px 0; color: var(--wp--preset--color--contrast);}
.rssbox time { margin-top: 10px; color: var(--wp--preset--color--main);}
@media (min-width: 768px) {
 .rssbox { gap: 20px;}
 .rssbox li{ width: 31.5%;}
 .rssbox img { max-width: 260px;}
}
@media (max-width: 479px) {
 .rssbox {gap:10px;}
 .rssbox li {width: 100%; margin-bottom:0;}
 .rssbox img { max-width: 100px; height: 100px; object-fit: cover; float: left; margin-right: 15px;}
 .rssbox .title { clear: none; margin-bottom: 0;display: flex;}
}