/*
Theme Name: dk-base 2023
Theme URI: 
Version: 1.0
Author: Digital Kitchen
Author URI: https://dejikichi.com

/*	INDEX
-------------------------------------------------
	BASE
	HEADER
	CONTENT
	SIDE BAR
	FOOTER
	MISC
	Mobile
	HACK
*/

/*	BASE
-------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align:baseline;
	min-height:0;
	min-width:0;
}

html{
	margin: 0;
	padding: 0;
	line-height: 1;
}
body{
	color: #333333;
	font-size:16px;
	font-family: 'Noto Sans JP', "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif;
	background-color:#fff;
	line-height:1.4;
}
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
a,
a:link {text-decoration:underline;}
a:visited {color:#00e;}
a:hover,
a:active {color:#ff8000;}
a img {border:none;}
a:hover img {opacity:0.7;}
input, select, option, textarea, button{
	font-size:1rem;
	font-family: 'Noto Sans JP', "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif;
}
input[type="email"],
input[type="text"]{font-size:1rem;padding:2px;width:100%;}
input[type="submit"]{font-size:1rem;padding:0.4em;}
select{font-size:1rem;padding:0.6em;}
select option{font-size:1rem;}
textarea{font-size:1rem;padding:0.4em;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}
.align_c{text-align:center;}
.align_r{text-align:right;}
.align_l{text-align:left;}
.pc_none,
.sp_none{display:none;}
.bottom_1em{margin-bottom:1em;}
.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignright{float:right;}
.alignleft{float:left;}
section,
article,
div{box-sizing:border-box;}
table{
	border-collapse: collapse;
	width:100%;
}
table th,
table td{
	padding:0.6em;
	border:1px solid #ccc;
	box-sizing:border-box;
	margin:0 auto;
}
table.noborder,
table.noborder th,
table.noborder td{border:none;}



/*	HEADER
-------------------------------------------------
*/
header{
	position:fixed;
	width:100%;
	height:60px;
	z-index:9999;
	top:0;
}
header div.titlebar {
	width:100%;
	height:60px;
	display:flex;
	justify-content:space-between;
	flex-wrap:nowrap;
	padding:0 0 0 1em;
	padding-left:calc( 200px + 1em );
	border-bottom:1px solid #479b2f;
	background-color:#fff;
}
header div.titlebar *{flex:0 0 auto;}
header div.titlebar h1 {
	display:inline-block;
	width:calc( 100% - 112px );
	max-width: calc( 295px + 1em );
}
header div.titlebar h1 img {
	height:100%;
	width:auto;
}
header div.titlebar ul {
	display:block;
	width: calc( 100% - 295px - 1em );
	max-width:300px;
	min-width:112px;
	line-height: 1;
	list-style:none;
}
header div.titlebar ul li {width:100%;}
header div.titlebar ul li a:link,
header div.titlebar ul li a:visited,
header div.titlebar ul li a:hover,
header div.titlebar ul li a:active{
	display:block;
	padding:
		calc( ( 59px - 1em ) / 2 )
		1em
	;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background-color:#1657a4;
	text-align:center;
}
header div.titlebar ul li a:hover,
header div.titlebar ul li a:active{
	background-color:#ee6a42;
}
header div.titlebar ul li.spmenu {display:none;}
header nav {
	position:fixed;
	top:auto;
	top:0;
	left:0;
}
header nav > ul {
	width:200px;
	display:block;
}
header nav > ul > li {
	display:block;
	width:100%;
	height:calc( ( 100vh - 60px ) / 6 );
	height:calc( 100vh / 6 );
	background:#479b2f url(/outer_files/images/logo_icon_w.png) top 1.6em center no-repeat;
	background:#fff url(/outer_files/images/logo_icon_c.png) top 1.6em center no-repeat;
	background-size:48px 48px;
	background-size:40px 40px;
}
header nav > ul > li:nth-of-type(2) {background-image:url(/outer_files/images/gas_icon_c.png);}
header nav > ul > li:nth-of-type(3) {background-image:url(/outer_files/images/test_icon_c.png);}
header nav > ul > li:nth-of-type(4) {background-image:url(/outer_files/images/shop_icon_c.png);}
header nav > ul > li:nth-of-type(5) {background-image:url(/outer_files/images/template_icon_c.png);}
header nav > ul > li:nth-of-type(6) {background-image:url(/outer_files/images/activity_icon_c.png);}
header nav > ul > li > a::before{
	content:" ";
	display:block;
	width:100%;
	height:40px;
}
header nav > ul > li > a:link,
header nav > ul > li > a:visited,
header nav > ul > li > a:hover,
header nav > ul > li > a:active{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	padding:1em;
	width:100%;
	height:100%;
	border:1px solid #479b2f;
	border-color:#fff #479b2f;
	border-top:none;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background:#479b2f url(/outer_files/images/logo_icon_w.png) top 1.6em center no-repeat;
	background-size:40px 40px;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
header nav > ul > li:nth-of-type(2) > a:link {background-image:url(/outer_files/images/gas_icon_w.png);}
header nav > ul > li:nth-of-type(3) > a:link {background-image:url(/outer_files/images/test_icon_w.png);}
header nav > ul > li:nth-of-type(4) > a:link {background-image:url(/outer_files/images/shop_icon_w.png);}
header nav > ul > li:nth-of-type(5) > a:link {background-image:url(/outer_files/images/template_icon_w.png);}
header nav > ul > li:nth-of-type(6) > a:link {background-image:url(/outer_files/images/activity_icon_w.png);}
header nav > ul > li > a:hover,
header nav > ul > li > a:active{
	background-color:transparent;
	background-image:none !important;
	border:1px solid #479b2f;
	color:#fff;
	color:#479b2f;
}
header nav ul li dl{
	display:none;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
header nav ul li dl dt{
	font-size:18px;
	font-weight:bold;
	padding:1em 1rem;
	border-bottom:1px solid rgb(71,155,47);
}
header nav ul li dl dd ul li {list-style-type:none;}
header nav ul li dl dd ul li a:link,
header nav ul li dl dd ul li a:visited,
header nav ul li dl dd ul li a:hover,
header nav ul li dl dd ul li a:active{
	display:block;
	padding:1em;
	border-bottom:1px solid rgb(71,155,47);
}
header nav ul li dl dd ul li a:hover,
header nav ul li dl dd ul li a:active{

	background-color: rgba(71,155,47,0.2);
}
header nav ul li dl dd ul li:last-of-type{
	padding:1em;
	text-align:center;
}


/*	CONTENT
-------------------------------------------------
*/
#breadcrumb {
	margin:60px 0 0 200px;
	padding:0.4em 1em;
	background-color:rgba(71, 155, 47, 0.2);
}
#breadcrumb ul {
	display:flex;
	flex-flow:row nowrap;
	padding:0.2em 0;
}
#breadcrumb ul li {list-style-type:none;}
#breadcrumb ul li::after {content:'≫';}
#breadcrumb ul li:last-of-type::after {content:'';}
#breadcrumb ul li span {padding:0 1em;}
#pagewrap{
	margin: 0 0 0 200px;
	padding:1em;
}
main{
	width:100%;
	max-width:1400px;
	display:block;
	margin:0 auto;
	padding-bottom:2em;
	min-height:calc( 100vh - 300px );
}
div.contenth2 {padding-bottom:1em;}
div.contenth2 h2{text-align:center;}
.wp-block-columns{padding:1em;}
a.linkbtn:link,
a.linkbtn:visited {
	margin: 0.6em;
	display: inline-block;
	padding: 0.6em 1.4em;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	text-align: center;
	border-radius: 0.4em;
	background: -moz-linear-gradient(top,#FFF 0%,#ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ccc));
	background: linear-gradient(to bottom, #FFF 0%, #ccc 100%);
	border: 1px solid #999;
}
a.linkbtn:hover,
a.linkbtn:active {color: #2693FF;}
a.linkbtn i{
	color:#333;
	margin-right:1em;
}
article.post {padding-bottom:2em;}
article.post .entry{
	width:100%;
	max-width:960px;
	margin:0 auto;
}




/*	post table
-------------------------------------------------*/




/*	post ol ul li
-------------------------------------------------*/
.post .entry ul,
.post .entry ol{padding:0 1em 0 2em;}



/*	TOP
-------------------------------------------------*/

main.toppage{
	max-width:100%;
	display:flex;
	flex-wrap:wrap;
	align-items: flex-start;
	padding-bottom:2em;
	margin-top:60px;
}
main.toppage section{flex:1 1 auto;}
main.toppage section:first-of-type{
	display:flex;
	width:50%;
	min-width:320px;
	flex-flow: column nowrap;
	height:auto;
}
main.toppage section:last-of-type {
	width:50%;
	height:calc(100vh - 100px);
}
main.toppage section:last-of-type > div {
	height: 20%;
	padding: 2% 0 0 0;
}
main.toppage section:last-of-type > div a {flex-basis: 32%;}
main.toppage section:last-of-type > div a:nth-of-type(2) {margin:0 2%;}
main.toppage section:last-of-type div.lnkbtn a figure img {
	width: 100%;
	object-fit: cover;
}
main.toppage section:last-of-type div.lnkbtn a:link figure figcaption {
	display: block;
	width: 100%;
	min-height: auto;
	background-color: transparent;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 75%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 75%,rgba(255,255,255,0) 100%);
	position: absolute;
	bottom: 1em;
	text-align: center;
	padding: 0.4em;
	text-shadow : 
		2px  2px 0px #ffffff,
		-2px  2px 0px #ffffff,
		2px -2px 0px #ffffff,
		-2px -2px 0px #ffffff,
		2px  0px 0px #ffffff,
		0px  2px 0px #ffffff,
		-2px  0px 0px #ffffff,
		0px -2px 0px #ffffff;
}
main.toppage section:last-of-type div.lnkbtn a:hover figure figcaption,
main.toppage section:last-of-type div.lnkbtn a:active figure figcaption{
	background:#fff;
	color: #ff8000;
}
div.slider{
	flex:1 1 100%;
	background-color:rgba(120,120,120,0.1);
	padding:0;
	height: 60%;
}
div.slider figure{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	text-align:center;
}
div.slider figure img{
	height:100%;
	width:auto;
	position:absolute;
	top:0;
	left:50%;
	transform: translate(-50%, 0%);
}
.slick-list,
.slick-track{height:100%;}
div.slider div > a:link,
div.slider div > a:visited,
div.slider div > a:hover,
div.slider div > a:active{
	color:#333;
	color:#fff;
	text-decoration:none;
}
div.slider div > a:hover,
div.slider div > a:active{
	color:#ff8000;
}
div.slider div > a dl{
	background-color:rgba(0,255,0,0.1);
	background-color:#479b2f;
	padding:1em;
	height:100%;
	width:100%;
}
div.slider div > a dl dt{
	font-size:24px;
	font-weight:bold;
	border-bottom:2px solid #1657a4;
	border-color:#ff0;
}
div.slider div > a dl dd:first-of-type{text-align:right;}
div.slider div > a dl dd:last-of-type{
	padding-top:1em;
	text-decoration:underline;
}
.news{
	flex:0 0 auto;
	width:100%;
	height:auto;
	padding-top:1em;
}
.news ul {
	width:100%;
	padding-right:1em;
	list-style-type:none;
}
.news ul li{border-bottom:4px dotted #1657a4;}
.news ul li:last-of-type{
	border:none;
	text-align:right;
}
.news ul li a:link,
.news ul li a:visited,
.news ul li a:hover,
.news ul li a:active{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
	padding:0.6em 0 0.4em 0;
	text-decoration:none;
	color:#333;
}
.news ul li a:hover,
.news ul li a:active{
	background-color:rgba(71,155,47,0.2);
}
.news ul li a:link time {
	flex:0 1 auto;
	color:#333;
}
.news ul li a:link span,
.news ul li a:visited span,
.news ul li a:hover span,
.news ul li a:active span{
	flex:0 0 auto;
	display:inline-block;
	width:90%;
	margin-left:1em;
	text-decoration:underline;
	color:rgb(0, 0, 238);
	word-break: break-all;
}
.news ul li a:hover span,
.news ul li a:active span {

}
.news ul li a span.cat {
	flex:0 0 auto;
	width:auto;
	display:inline-block;
	padding:0 1rem;
	border-radius:2rem;
	font-size:14px;
	color:#fff;
	background-color:#479b2f;
	text-decoration:none;
}
.news ul li a span.cat.info {background-color:#1657a4;}
.news ul li:last-of-type a:link,
.news ul li:last-of-type a:visited,
.news ul li:last-of-type a:hover,
.news ul li:last-of-type a:active{
	padding: 0.5em 1em;
	display:inline-block;
	background-color: #479b2f;
	color: #fff;
}
.news ul li:last-of-type a:hover,
.news ul li:last-of-type a:active{background-color: #1657a4;}
main.toppage section:last-of-type{
	display:flex;
	flex-wrap:wrap;
	align-content:stretch;
}
a.boxanchor{
	flex:1 1 auto;
	width:50%;
	height:30vw;
	max-height:calc( ( 100vh - 60px - 2em ) / 3 );
	text-decoration:none;
	color:#333;
	position:relative;
	padding:0 0 0.4em 0.4em;
}
a.boxanchor figure{
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
	background-color:#fff;
	border: 0.4em solid #000;
	border-color:rgba(255,0,0,0.3) rgba(80,0,0,1) rgba(80,0,0,1) rgba(255,0,0,0.3);
}
a.boxanchor:nth-of-type(2) figure{border-color:rgba(0,255,0,0.3) rgba(0,80,0,1) rgba(0,80,0,1) rgba(0,255,0,0.3);}
a.boxanchor:nth-of-type(3) figure{border-color:rgba(0,0,255,0.3) rgba(0,0,80,1) rgba(0,0,80,1) rgba(0,0,255,0.3);}
a.boxanchor:nth-of-type(4) figure{border-color:rgba(255,255,0,0.3) rgba(128,128,0,1) rgba(128,128,0,1) rgba(255,255,0,0.3);}

a.boxanchor figure img{width:100%;}
a.boxanchor figure figcaption {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	background-color:#fff;
	width:100%;
	height:3em;
	padding:1em;
	margin:0;
}
a.boxanchor .desc{
	position:absolute;
	width:calc( 100% - 0.4em );
	height:calc( 100% - 0.4em );
	left:0.4em;
	top:0;
	opacity:0;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	padding:1em;
	background-color:rgba(255,0,0,0.3);
	text-shadow:
		#fff 2px 0px,  #fff -2px 0px,
		#fff 0px -2px, #fff 0px 2px,
		#fff 2px 2px , #fff -2px 2px,
		#fff 2px -2px, #fff -2px -2px,
		#fff 1px 2px, #fff -1px 2px,
		#fff 1px -2px, #fff -1px -2px,
		#fff 2px 1px, #fff -2px 1px,
		#fff 2px -1px, #fff -2px -1px
	;
	word-break: break-all;
}
a.boxanchor:nth-of-type(2) .desc{background-color:rgba(0,255,0,0.3);}
a.boxanchor:nth-of-type(3) .desc{background-color:rgba(0,0,255,0.3);}
a.boxanchor:nth-of-type(4) .desc{background-color:rgba(255,255,0,0.3);}
a.boxanchor:hover .desc{
	opacity:1;
}
main.toppage section:last-of-type > div{
	flex:1 1 100%;
	width:calc( 100% - 0.4em );
	height:60%;
	height:55%;
	padding:0;
	display:flex;
	flex-flow:raw nowrap;
	justify-content:space-between;
}
main.toppage section:last-of-type > div.lnkbtn{
	height: 20%;
	height: 15%;
	padding: 2% 0 0 0;
}
main.toppage section:last-of-type > div a{
	display:block;
	flex:0 1 30%;
	color:#333;
	text-decoration:none;
}
main.toppage section:last-of-type > div figure{
	border:1px solid #ccc;
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}
main.toppage section:last-of-type > div a figure img{
	height:100%;
	width:auto;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}
main.toppage section:last-of-type > div a:link figure figcaption{
	display:block;
	width:100%;
	min-height:3.6em;
	background-color:#fff;
	position:absolute;
	bottom:0;
	text-align:center;
	padding:0.4em;
}
main.toppage section:last-of-type > div a:hover figure figcaption,
main.toppage section:last-of-type > div a:active figure figcaption{
	background-color:rgba(255,0,255,0.3);
	color:#fff;
}
main.toppage section:last-of-type > div a:nth-of-type(2):hover figure figcaption,
main.toppage section:last-of-type > div a:nth-of-type(2):active figure figcaption{
	background-color:rgba(0,255,255,0.3);
	color:#ff8000;
}
main.toppage section:last-of-type > div a:nth-of-type(3):hover figure figcaption,
main.toppage section:last-of-type > div a:nth-of-type(3):active figure figcaption{
	background-color:rgba(0,0,0,0.3);
}



/*	addsarea	-------------------------*/
section.adarea {
	padding:1em;
	width:calc(100vw - 201px - 3em);
	background-color:rgba(22, 87, 164, 0.7);
	position: -webkit-sticky;
	position:sticky;
	bottom:1em;
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
}
section.adarea > div{
	flex:0 0 auto;
	padding:0;
	padding-left:1em;
}
section.adarea button{
	padding:0.4em;
}
section.adarea ul{
	flex:1 1 auto;
	column-count:5;
	column-gap:0;
	list-style-type:none;
}
section.adarea ul li{
	display:block;
}
section.adarea ul li img{
	display:block;
	background-color:#e0e0e0;
	border:4px double #ccc;
	width:100%;
	max-width:320px;
	height:auto;
	max-height:100px;
	padding:1em 0;
	text-align:center;
}



/*	archives
-------------------------------------------------*/
/*	examination	*/
#post-exam{
	position:relative;
}
#post-exam ul.tabnav {
	display:flex;
	justify-content:space-between;
	border-bottom:1px solid #1657a4;
	padding:0 1em;
	margin-bottom:2em;
}
#post-exam ul.tabnav li{
	flex:0 1 30%;
	display:inline-block;
	padding:0;
	border:1px solid #1657a4;
	border-bottom:none;
}
#post-exam ul.tabnav li a:link,
#post-exam ul.tabnav li a:visited,
#post-exam ul.tabnav li a:hover,
#post-exam ul.tabnav li a:active{
	display: block;
	width: 100%;
	height: 100%;
	padding:0.6em;
	text-align:center;
	line-height:1;
	color: #1657a4;
	text-decoration: none;
}
#post-exam ul.tabnav li a:hover{background-color:rgba(22, 87, 164, 0.5);}
#post-exam ul.tabnav li.currenttern a:link,
#post-exam ul.tabnav li.currenttern a:visited,
#post-exam ul.tabnav li.currenttern a:hover,
#post-exam ul.tabnav li.currenttern a:active{
	background-color:#1657a4;
	color:#fff;
}
#post-exam ul.tabnav li a span{
	display: block;
	padding-top:0.4em;
	font-size: 0.7em;
}
.examtbl{
	/*column-count:3;*/
	padding:1em 0;
	display:none;
}
.examtbl.currenttern{display:block;}
.examtbl h3.posth3 span {
  font-weight: normal;
  font-size: .8rem;
  margin: 0 2rem;
}
.examtbl .schdlblck {
	padding-bottom:1em;
	position:relative;
	break-inside: avoid;
}
.examtbl .schdlblck.hotei table {background-color:rgba(231, 255, 179, 0.5);}
.examtbl .schdlblck.sonota table {background-color:rgba(255, 204, 153, 0.5);}
.examtbl .schdlblck table th,
.examtbl .schdlblck table td{
	border-width:2px;
	border-color:#666;
}
.examtbl .schdlblck table tr th{
	white-space:nowrap;
	width:130px;
	vertical-align:top;
}
.examtbl .schdlblck.hotei table th{background-color:rgba(231, 255, 179, 1);}
.examtbl .schdlblck.sonota table th{background-color:rgba(255, 204, 153, 1);}
.examtbl .schdlblck.pastexam::after{
	content:url(/outer_files/images/icon_finished.gif);
	color:#f00;
	display:block;
	position:absolute;
	top:50%;
	right:1em;
	transform:translate( 0, -50%);
	opacity:0.8;
}
.examtbl .schdlblck.pastexam table {
	background-color:#eee;
}
.examtbl .schdlblck.pastexam table th,
.examtbl .schdlblck.pastexam table td{
	background-color:#eee;
	border-color:#999;
	color:#999;
}
#post-exam a.btn:link,
#post-exam a.btn:visited,
#post-exam a.btn:hover,
#post-exam a.btn:active{
	font-size: small;
	display:inline-block;
	padding:0.6em 1em;
	margin:1em;
	border:1px solid #ccc;
	text-decoration:none;
	color:#fff;
	background-color:#1657a4;
	border-radius:0.4em;
}
#post-exam a.btn:hover,
#post-exam a.btn:active{
	background-color:#fff;
	color:#1657a4;
}

#post-exam .entry-wrap .entry p{
	text-indent: 1em;
	padding-bottom: .5em;
}
#post-exam .entry-wrap .entry ol{
	padding: 1em 1em 1em 2em;
}
#post-exam .entry-wrap .entry ol li{
	margin-bottom: .5em;
}
.entry-wrap .examtbl table thead th{
	color:#fff;
	background-color:#1657a4;
	white-space: nowrap;
}
.entry-wrap .examtbl table td{
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
}
.entry-wrap .examtbl table tr td:first-of-type{
	white-space: normal;
	text-align: left;
}
.entry-wrap .examtbl table tr:nth-of-type(2n) td{
	background-color: rgba(22,87,164,0.2);
}
.entry-wrap .examtbl table tr td:last-of-type{
	width: 1%;
}
.entry-wrap .examtbl table td .exambtnwrap{
	display: flex;
	/*flex-direction: column;*/
	width: fit-content;
}
#post-exam.post .entry .stickypost{
	margin-bottom: 1em;
	padding: 0.5em;
}
#post-exam.post .entry ul.examnews {
	margin: 1em 0;
	padding: 1em;
	border: thin solid #ccc;
	border-radius: 0.5em;
}
#post-exam.post .entry ul.examnews li{
	list-style-type: none;
	padding: 0.5em;
	border-bottom: medium dotted #1657a4;
	display: flex;
	flex-wrap: nowrap;
}
#post-exam.post .entry ul.examnews li time{
	display: inline-block;
	min-width: 10em;
}
#post-exam.post .entry ul.examnews li a{
	flex: 1 1 100%;
}


/*	format_lib	*/

#post-format_lib{
	width:100%;
	max-width:960px;
	margin:0 auto;
}
#post-format_lib ul{
	display:flex;
	flex-flow:row wrap;
	border:2px solid #1657a4;
	border-style:solid none none solid;
	width:100%;
	margin-bottom:1em;
}
#post-format_lib ul li{
	display:block;
	flex:1 1 auto;
	width:33%;
	border:2px solid #1657a4;
	border-style: none solid solid none;
}
#post-format_lib ul li a:link,
#post-format_lib ul li a:visited,
#post-format_lib ul li a:hover,
#post-format_lib ul li a:active{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	padding:1em;
}
#post-format_lib ul li a:hover,
#post-format_lib ul li a:active{
	color:#fff;
	background-color:#1657a4;
}
.entry.format_lib {
	padding:1em;
	margin-bottom:1em;
}
.entry.format_lib thead{background-color:#479b2f;color:#fff;}
.entry.format_lib table tbody tr:nth-of-type(2n) {background-color:rgba(0,255,0,0.1);}
.entry.format_lib table tbody tr th {text-align:left;}
.entry.format_lib table tbody tr td {
	text-align:center;
	padding:0;
}
.entry.format_lib table tbody tr td a:link,
.entry.format_lib table tbody tr td a:visited,
.entry.format_lib table tbody tr td a:hover,
.entry.format_lib table tbody tr td a:active{
	display:block;
	width:100%;
	height:100%;
	color:#ff0000;
	padding:1em;
}
.entry.format_lib table tbody tr td:first-of-type a:link,
.entry.format_lib table tbody tr td:first-of-type a:visited{
	color:#1657a4;
}
.entry.format_lib table tbody tr td a:hover,
.entry.format_lib table tbody tr td a:active,
.entry.format_lib table tbody tr td:first-of-type a:hover,
.entry.format_lib table tbody tr td:first-of-type a:active{
	color:#ff8000;;
	background-color:rgba(255, 255, 0, 0.1);
}
.entry.format_lib table tbody tr td i{font-size:36px;}

/*	subcommittee_lpg	*/

article#subcommittee_lpg{
	margin: 1em auto;
	padding: 1em;
	width: 100%;
	max-width:960px;
	border-radius: 1em;
	text-align: left;
	-webkit-box-shadow: rgba(204, 204, 204, 0.75) 0px 0px 6px 4px;
	-moz-box-shadow: rgba(204, 204, 204, 0.75) 0px 0px 6px 4px;
	box-shadow: rgba(204, 204, 204, 0.75) 0px 0px 6px 4px;
}
article#subcommittee_lpg h2.slhead{
	display: inline-block;
	border: 2px solid #ccc;
	padding: 1rem;
	font-size: 36px;
	font-weight: bold;
	color: #2693FF;
	border-radius: 1rem;
}
article#subcommittee_lpg h2.slhead span{
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	color: #0D8627;
}
article#subcommittee_lpg h3{
	font-size: 18px;
	font-weight: bold;
	border-bottom: 4px solid #2693ff;
	line-height: 2;
}
article#subcommittee_lpg div.newslist,
article#subcommittee_lpg div#loginblc{
	padding:1em 0;
}
#loginblc #loginform{
	padding:1em;
	
}
#loginform input[type='password']{padding:0.4em;}
#loginform p{
	text-align:center;
	padding:0.4em;
	margin-bottom:0.4em;
}
#loginform p.login-username{display:none;}
.newslist ul {list-style-type:none;}
.newslist ul li {
	line-height: 2;
	padding: 1em 0;
	border-bottom: 2px dotted #2693ff;
	width:100%;
	display:flex;
	flex-flow:row wrap;
}
.newslist ul li span,
.newslist ul li time {
	display: inline-block;
	flex:0 0 auto;
	width: 9em;
	font-weight: bold;
	vertical-align: top;
}
.newslist ul li dl {
	display: inline-block;
	vertical-align: top;
	flex:0 1 auto;
	width:calc(100% - 130px - 1em);
}
.newslist ul li dl dd{display:none;}
.newslist ul li:first-of-type dl dd{display:block;}
ul.archivelink {
	display:flex;
	flex-flow:row wrap;
	justify-content:flex-end;
}
ul.archivelink li{list-style-type:none;}
ul.archivelink li a:link,
ul.archivelink li a:visited {
	margin: 0.6em;
	display: inline-block;
	padding: 0.6em 1.4em;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	text-align: center;
	border-radius: 0.4em;
	background: -moz-linear-gradient(top,#FFF 0%,#ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ccc));
	background: linear-gradient(to bottom, #FFF 0%, #ccc 100%);
	border: 1px solid #999;
}
ul.archivelink li a:hover,
ul.archivelink li a:active {color: #2693FF;}
ul.archivelink li a i{
	color:#333;
	margin-right:1em;
}

/*	lpg_user	*/

#post-510 .rightbtnlayout {
	justify-content:center;
	background-image: url('/outer_files/images/banner_lp-gas-user.jpg');
	background-size: cover;
	background-repeat:no-repeat;
}
#post-510 .rightbtnlayout > .wp-block-column:last-of-type {flex-basis:80px;}
#post-510 .rightbtnlayout > .wp-block-column:last-of-type figure img{width:100%;height:auto;}
#post-510 .translucent {background-color:rgba(255,255,255,0.8);}
ul.lpgu_links{
	display:flex;
	flex-flow:row wrap;
	width:100%;
	padding:1em;
	padding-top:0;
}
ul.lpgu_links li {
	flex:0 1 auto;
	padding:0.5em;
	display:inline-block;
	/*max-width:320px;*/
}
ul.lpgu_links li a:link,
ul.lpgu_links li a:visited,
ul.lpgu_links li a:hover,
ul.lpgu_links li a:active{
	display:inline-block;
	padding:0.4em 1em;
	text-decoration:none;
	border:1px solid #00e;
	background-color:rgba(0,0,238,0.2);
}
ul.lpgu_links li a:hover,
ul.lpgu_links li a:active{
	border-color:#ff8000;
	background-color:transparent;
}

/*	lpg_sale_office	*/

.post div.backBtn{
	width:100%;
	max-width:960px;
	position:relative;
	margin:0 auto;
}
.post div.backBtn a:link,
.post div.backBtn a:visited,
.post div.backBtn a:hover,
.post div.backBtn a:active{
	display:flex;
	justify-content:center;
	align-items:center;
	width:4em;
	height:4em;
	text-decoration:none;
	position:absolute;
	top:-4em;
	right:0;
	border-radius:3em;
	border:4px solid #f90;
	background-color: #f90;
	color:#fff;
	font-weight:bold;
}
.post div.backBtn a:hover,
.post div.backBtn a:active{
	color: #f90;
	background-color:#fff;
}
table.lpgshoplist th,
table.lpgshoplist td{
	border-color:#479b2f;
}
table.lpgshoplist th{
	color:rgb(71,155,47);
	background-color:rgba(71,155,47,0.7);
	color:#fff;
}
table.lpgshoplist tbody tr:nth-of-type(2n){
	background-color:#F0FFF0;
}
table.lpgshoplist tbody tr td:first-of-type{width:100%;}
table.lpgshoplist tbody tr td:nth-of-type(2){white-space:nowrap;}
table.lpgshoplist tbody tr td:last-of-type{text-align:right;}



/*	category/taxonomy
-------------------------------------------------*/





/*	page
-------------------------------------------------*/
#post-9 {
	width:100%;
	max-width:960px;
	margin:0 auto;
}
.entry .guidehead{
	background-color:#479b2f;
	color:#fff;
	text-align:center;
	border-radius:2em;
	padding:0.6em;
	margin:1em 0;
}
.smbtn a.wp-block-button__link{font-size:15px;}
#post-9 .entry h4{
	margin-top:2em;
}
#post-9 .entry h4:first-of-type{
	margin-top:0;
}
#post-9 .entry p,
#post-9 .entry table,
#post-9 .entry ol,
#post-9 .entry ul{
	margin-left:4em;
}
#post-9 .entry ol.colcnt2{
	column-count:2;
}
#post-9 .entry ol.colcnt2 li{
	padding-bottom:0.4em;
}
#post-9 .entry table{
	width:calc( 100% - 4em );
}
table.norborder th,
table.norborder td{border:none;}
.menbertbl td{text-align:right;}
.wp-block-file{
	padding:0 3em;
	display:flex;
	justify-content:space-between;
}
.wp-block-file a:first-of-type{
	flex:1 1 100%;
}
.wp-block-file a:last-of-type{
	flex:0 0 auto;
}
dl.addressblck{
	display:block;
	padding:1em;
	border:1px solid #1657a4;
	margin:1em auto;
	width:60%;
	min-width:320px;
}
dl.addressblck dd{padding-bottom:1em;}
dl.addressblck dt:nth-of-type(3),
dl.addressblck dt:nth-of-type(4),
dl.addressblck dd:nth-of-type(3),
dl.addressblck dd:nth-of-type(4){
	display:inline-block;
}
h3.posth3,
#post-49 .entry h3,
.entry h4{
	border-bottom:4px solid #1657a4;
	margin-bottom:0.4em;
}
h3.bizc3,p.bizc3{margin:0 1em;}
#post-49 .entry ul li,
#post-49 .entry ol li{margin-bottom:0.6em;}
.entry ol.contactflow,
.entry ol.comfirmflow,
.entry ol.completeflow{
	column-count:3;
	column-gap:0;
	padding:1em 0;
	list-style-position:inside;
}
.entry ol.contactflow li,
.entry ol.comfirmflow li,
.entry ol.completeflow li{
	border:2px solid #479b2f;
	padding:1em;
	text-align:center;
	position:relative;
}
.entry ol.contactflow li:nth-of-type(2),
.entry ol.comfirmflow li:nth-of-type(2),
.entry ol.completeflow li:nth-of-type(2){
	border-style:solid none;
}
.entry ol.contactflow li:first-of-type,
.entry ol.comfirmflow li:nth-of-type(2),
.entry ol.completeflow li:last-of-type{
	background-color:#479b2f;
	color:#fff;
}
.entry ol.contactflow li:first-of-type::after,
.entry ol.comfirmflow li:nth-of-type(2)::after{
	content:'◆';
	color:#479b2f;
	position:absolute;
	right:-0.6em;
}
#post-8 .entry ul.stylestar{
	padding:1em;
	list-style-type:none;
}
#post-8 .entry ul.stylestar li::before{content:'※';}
.entry .mw_wp_form table {margin:1em 0;}
.entry .mw_wp_form table tr:nth-of-type(3) th,
.entry .mw_wp_form table tr:nth-of-type(3) td{border-bottom-style:none;}
.entry .mw_wp_form table tr:nth-of-type(4) th,
.entry .mw_wp_form table tr:nth-of-type(4) td{border-top-style:none;}
.entry .mw_wp_form table th,
.entry .mw_wp_form table td{
	border:1px solid #479b2f;
	font-size:18px;
	color:#479b2f;
	padding:1em;
}
.entry .mw_wp_form table th{
	padding-right:4em;
	position:relative;
	background-color:rgba(0,255,0,0.1);
}
.entry .mw_wp_form table th span{
	background-color:#f00;
	color:#fff;
	position:absolute;
	right:1em;
	top:0.6em;
	padding:0.4em;
}
.entry .mw_wp_form table td input[type="text"],
.entry .mw_wp_form table td input[type="email"]{
	margin-right:1em;
	padding:0.4em;
}
.entry .mw_wp_form table td textarea{
	padding:0.4em;
	width:100%;
}
.entry .mw_wp_form .btnwrap{
	text-align:center;
	padding:2em;
}
.entry .mw_wp_form .btnwrap input[type="submit"]{
	padding:1em;
	font-weight:bold;
	background-color:#479b2f;
	color:#fff;
	border:2px solid #479b2f;
	cursor:pointer;
}
.entry .mw_wp_form .btnwrap input[type="submit"][name="submitBack"]{
	background-color:#ccc;
	color:#479b2f;
}
.entry .mw_wp_form .btnwrap input[type="submit"]:hover{
	color:#479b2f;
	background-color:#fff;
}
.entry .mw_wp_form_input table label.namefmly::before{content:"姓：";}
.entry .mw_wp_form_input table label.name1st::before{content:"名：";}
.entry .mw_wp_form_input table label.furigana-sei::before{content:"セイ：";}
.entry .mw_wp_form_input table label.furigana-mei::before{content:"メイ：";}
.entry .mw_wp_form_input table label.chkmail::before{content:"確認入力：";}
.entry .mw_wp_form_confirm table tr:nth-of-type(4){display:none;}

.memberlist .wp-block-button a.wp-block-button__link{
	text-decoration: none;
	border:2px solid #0693e3;
	padding: .5rem 1.5rem;
}
.memberlist .wp-block-button a.wp-block-button__link:hover,
.memberlist .wp-block-button a.wp-block-button__link:active{
	background-color: #fff;
	color: #0693e3;
}

/*	single
-------------------------------------------------*/


/*　lpg　LPガス器具のご紹介　*/
#post-511 h3{margin:0 0 0.8em;}
#post-511 p{margin:0 0 1em;}
#post-511 .wp-block-columns{padding:0;margin:2em 0 1em;}
#post-511 .wp-block-column h3{
	background-color:#32cd32;
	padding:0.2em;
	box-sizing:border-box;
	margin:2em 0 0.8em;
}
#post-511 .wp-block-column h3:first-of-type{margin:0 0 0.8em;}
#post-511 .wp-block-column h4{margin:0 0 0.4em;}
#post-511 .wp-block-column h4.lpg_merit{margin:0 0 1em;padding:0.2em;border-bottom:1px solid #FF9933;}
#post-511 .wp-block-column a{margin:0.4em 0 0 1em;display:inline-block;}
#post-511 .wp-block-column a:first-of-type{margin:1em 0 0 1em;}
#post-511 .lpg_t_other,
#post-511 .lpg_t_link{text-align:center;}
#post-511 .lpg_t_link a{display:inline-block;margin:0 0 0.4em;}

/*　lpg　LPガス料金のしくみ　*/
#post-512 h3{margin:2em 0 0.8em;}
#post-512 h3:first-of-type{margin:0 0 0.8em;}
#post-512 .wp-block-media-text{grid-template-columns: min-content;}
#post-512 .wp-block-media-text .wp-block-media-text__media{margin:0 1em 0 0;}
#post-512 .wp-block-media-text>figure>img{width:inherit;}
#post-512 .wp-block-media-text .wp-block-media-text__content{padding:0;}
#post-512 .wp-block-media-text__content h4{margin:2em 0 0.8em;}
#post-512 .wp-block-media-text__content h4:first-of-type{margin:0 0 0.8em;}
#post-512 .wp-block-media-text__content ol{margin:0 0 1em;}
#post-512 .wp-block-media-text__content p,
#post-512 .wp-block-media-text__content ol li{margin:0 0 0.4em;}

/*　lpg　お料理レシピ　*/
#post-513 h2{text-align:center;}
#post-513 p{
	margin:1em 6em 0;
	padding:4em;
	box-sizing:border-box;
	background-color:#efefef;
	font-size:1.2em;
	color:#999;
	/*border:2px dashed #999;*/
}

/*　lpg　Q&A　*/

#post-514 h3{
	text-indent:-1em;
	margin:2em 0 0.8em 1.2em;
}
#post-514 h3:first-of-type{margin:0 0 0.8em 1.1em;}
#post-514 p{
	text-indent:-1em;
	margin:0 0 0 1.1em;
}
#post-514 ol{margin:0 0 0 0.1em;}
#post-514 ol li{margin-bottom:0.4em;}
#post-514 ol li:last-of-type{margin-bottom:0.4em;}


/*　lpg　リンク集　*/
#post-515 h3{margin:2em 0 0.8em;}
#post-515 h3:first-of-type{margin:0 0 0.8em;}

/*　lpg　LPガスについてのご相談　*/
#post-516 p,
#post-516 ul{margin-bottom:1em;}
#post-516 ul li{margin-bottom:0.4em;}
#post-516 ul li:last-of-type{margin-bottom:0;}
#post-516 ul.lpg_uf_contact{
	padding:0;
	list-style:none;
	font-size:1.2em;
	color:#339966;
}
#post-516 ul.lpg_uf_contact li:nth-of-type(2){font-size:1.4rem;font-weight:bold;}
#post-516 h3{margin:2em 0 0.8em;}

/*　lpg　業務用厨房におけるCO警報器の　*/
#post-517 p,
#post-517 ul{margin-bottom:1em;}
#post-517 ul li{margin-bottom:0.4em;}
#post-517 ul li:last-of-type{margin-bottom:0;}

/*　lpg　平成30年度高圧ガス保安活動促進週間　*/
#post-519 p{margin-bottom:1em;}


/*	post	*/



/*	subcommittee_lpg	*/
article#subcommittee_lpg .entry{padding:1em;}
article#subcommittee_lpg .entry h3.posth3{
	margin-bottom:1em;
}

/*	examination	*/




/*	search
-------------------------------------------------*/
#subcommittee_lpg form#searchform{
	display:block;
	text-align:right;
}
#subcommittee_lpg form#searchform div{
	display:inline-block;
}



/*	SIDE BAR
-------------------------------------------------
*/




/*	FOOTER
-------------------------------------------------
*/

footer{
	/*margin-top:2em;*/
	padding:1em;
	color:#fff;
	background-color:#1657a4;
}
div.footer_area{
	display:flex;
	justify-content:space-between;
}
div.footer_area dl, div.footer_area nav, div.footer_area div{flex:0 0 auto;}
.site_info dt img{width:320px; height:auto;}
footer ul{
	flex:1 1 100%;
	display:flex;
	flex-flow:row wrap;
	padding:0 1em;
}
footer ul li{
	flex:0 0 auto;
	list-style-type:none;
	padding:0 1em 1em 0;
}
footer ul li a:link,
footer ul li a:visited,
footer ul li a:hover,
footer ul li a:active{
	color:#fff;
	text-decoration:none;
	padding:0.2em;
}
footer ul li a:hover,
footer ul li a:active{
	background-color:#fff;
	color:#1657a4;
}



/*	
-------------------------------------------------*/



/*	お問合せフォーム
-------------------------------------------------
*/



/*	MISC
-------------------------------------------------
*/
section.adarea.hidein{display:none;}


/*	Mobile
-------------------------------------------------
*/
@media (max-width: 1199px) {
	header div.titlebar {padding-left: 1em ;}
	header nav {
		width:100%;
		top:auto;
	}
	header nav > ul {
		display:flex;
		width:100%;
	}
	header nav > ul > li {
		flex:1 1 auto;
		width:calc( 100% / 6 );
		height:auto;
		background-position: top 0.4em center ;
		background-size:24px 24px;
	}

	header nav > ul > li > a::before{
		content:"";
		display:none;
	}
	header nav > ul > li > a:link,
	header nav > ul > li > a:visited,
	header nav > ul > li > a:hover,
	header nav > ul > li > a:active{
		display:block;
		border:1px solid #479b2f;
		border-style:none solid solid none;
		background-position: top 0.4em center ;
		background-size:24px 24px;
		padding-top:2em;
		text-align:center;
	}
	#breadcrumb {
		margin:130px 0 0 0;
		background-color:rgba(71, 155, 47, 0.2);
	}
	div#pagewrap{
		margin: 60px 0 0 0;
		padding:1em;
	}
	main.toppage{min-height:auto;}
	section.adarea {width:100%;}
	div.footer_area nav{flex:0 1 auto;}
}
@media (max-width: 979px) {
	header {
		position:relative;
		height:auto;
	}
	header nav,
	header div.titlebar ul li {display:none;}
	header div.titlebar ul li.spmenu {
		display:inline-block;
		padding:0.4em 1em;
		text-align:right;
	}
	header div.titlebar ul li.spmenu button{padding:0.4em 0.6em;}
	header div.titlebar ul li.spmenu button.close{display:none;}
	nav ul.spnav {padding:1em;list-style-type:none;}
	nav ul.spnav li a:link,
	nav ul.spnav li a:visited,
	nav ul.spnav li a:hover,
	nav ul.spnav li a:active{
		display:block;
		padding:1em;
		border-bottom:1px solid #1657a4;
		color:#1657a4;
		text-decoration:none;
	}
	nav ul.spnav li a:hover,
	nav ul.spnav li a:active{
		color:#fff;
		background-color:rgba(22,87,164,0.7);
	}
	div#pagewrap{margin-top:0;}
	main.toppage{
		display:flex;
		margin:auto;
	}
	main.toppage section{flex:0 0 100%;}
	main.toppage section:first-of-type{
		flex:0 0 auto;
		width:100%;
		min-width:auto;
		height:auto;
		padding-top: 2em;
		order:2;
	}
	main.toppage section:first-of-type div.slider{
		flex:0 0 auto;
		height: 56.25vw ;
		min-height:auto;
	}
	main.toppage section:last-of-type{
		padding-top: 0;
		width: 100%;
		order:1;
	}
	a.boxanchor{
		width:50%;
		height:auto;
		max-height:calc( ( 100vh - 60px - 2em ) / 3 );
	}
	section.adarea {
		position:static;
		bottom:auto;
	}
	#breadcrumb {margin:auto;}
	.examtbl{column-count:2;}
}
@media (max-width: 639px) {
	.news ul li a:link {flex-wrap:wrap;}
	.news ul li a:link time {flex-basis:100%;}
	.news ul li a:link span {flex-basis:auto;}
	a.boxanchor figure img{display:none;}
	a.boxanchor figure figcaption {position:relative;}
	section.adarea {display:none;}
	div.footer_area {flex-wrap:wrap;}
	div.footer_area nav{
		order:3;
		flex:0 1 auto;
	}
	div.footer_area div{order:2;}
	.examtbl{column-count:1;}
	main.toppage section:last-of-type {height: 100vw;}
	main.toppage section:last-of-type > div {height: 30vw;}

	/*　lpg　LPガス器具のご紹介　*/
	#post-511 .wp-block-column {flex-basis: calc(100% - 16px);}
	/*　lpg　LPガス料金のしくみ　*/
	#post-512 .wp-block-media-text{display:block;}
	#post-512 .wp-block-media-text .wp-block-media-text__media{margin:0 0 1em;text-align: center;}
	/*　lpg　お料理レシピ　*/
	#post-513 h2 img{width:100%;}
	#post-513 p{padding:1em;margin:1em 2em;}
}
@media (max-width: 479px) {
	main.toppage section:last-of-type > div a:link figure figcaption {font-size: 11px;}
	header div.titlebar h1 img {
		height:auto;
		width:100%;
	}
	.news ul li a:link time {
		order:1;
		flex-basis:auto;
	}
	.news ul li a:link span:first-of-type {
		order:3;
		flex-basis:100%;
	}
	.news ul li a:link span.cat {
		order:2;
		flex-basis:auto;
	}
	section:last-of-type{display:block;}
	a.boxanchor{
		flex:0 0 auto;
		width:100%;
		height:auto;
		max-height:auto;
	}
	a.boxanchor figure figcaption {
		border-bottom:4px solid #f00;
		text-align:left;
		padding-left:2em;
	}
	a.boxanchor:nth-of-type(2) figure figcaption {border-bottom:4px solid #0f0;}
	a.boxanchor:nth-of-type(3) figure figcaption {border-bottom:4px solid #00f;}
	a.boxanchor:nth-of-type(4) figure figcaption {border-bottom:4px solid #ff0;}
	a.boxanchor:nth-of-type(5) figure figcaption {border-bottom:4px solid #f0f;}
	a.boxanchor:nth-of-type(6) figure figcaption {border-bottom:4px solid #0ff;}
	div.footer_area nav{
		order:2;
		padding:1em 0;
	}
	div.footer_area div{order:3;}
	#post-exam ul {display:block;}
	#post-exam ul li{
		flex:1 1 auto;
		display:block;
		cursor:pointer;
	}
}


/*	HACK
-------------------------------------------------
*/
.clearfix {*zoom: 1;}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
.clear {clear: both;}