@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "utf-8";
 


/* --------------------------------------------
 *                     base Layout
 * -------------------------------------------- */

body {
	background: #dde9f1;
	width: 100%;
	text-align: center;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #000;
	line-height: 1.6;
	margin: 0;
	padding: 0;
	border: none;
	word-wrap:break-word;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

html { font-size: 62.5%; overflow-y: scroll; } /* =10px */
body { font-size: 14px; font-size: 1.4rem; }

a:link { color: #0072b6;text-decoration: none; }
a:visited { color: #0072b6;text-decoration: none; }
a:active { color: #0072b6;text-decoration: none; }
a:hover { color: #ffc000;text-decoration: none; }

img {
	max-width: 100%;
	height: auto;
	border-style: none;
	vertical-align: bottom;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0;
	padding: 0;
}
a:hover ,
a:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.clearBoth { clear: both; }

p {
	margin: 0;
	padding: 0;
}

@media all and (min-width: 641px) {
.spNone { display: block; display:inline; }
.pcNone { display: none; }
}
@media all and (max-width: 640px) {
.spNone { display: none; }
.pcNone { display: block; display:inline; }
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;   
    outline: none;
} /* androidでのオレンジ枠消し */

/* --------------------------------------------
 *                        layout
 * -------------------------------------------- */

#layout {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* --------------------------------------------
 *                    header
 * -------------------------------------------- */

#index header {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1000;
}
#second header {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1000;
}

#index #headerArea {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/header_bg_index.png) no-repeat top center;
	background-size: auto 110px;
	width: 100%;
	height: 110px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1001;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
#index #headerArea {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/header_bg_index@2x.png) no-repeat top center;
	background-size: auto 110px;
	}
}

#second #headerArea {
	background: #0072b6 url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/header_bg.png) no-repeat top center;
	background-size: auto 110px;
	width: 100%;
	height: 110px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1001;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
#second #headerArea {
	background: #0072b6 url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/header_bg@2x.png) no-repeat top center;
	background-size: auto 110px;
	}
}

@media all and (max-width: 640px) {
#index header ,
#second header {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
#second header {
	border-bottom: 2px solid #0072b6;
}
#index #headerArea ,
#second #headerArea {
	background: #fff;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	}
}

/* --------------------------------------------
 *                        contents
 * -------------------------------------------- */
#index #contents {
	width: 100%;
}
#second #contents {
	/*background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/bg.png) repeat-x top center;*/
	width: 100%;
}
#contentsInner {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

@media all and (min-width: 641px) and (max-width: 1000px) {
#contentsInner {
	width: 100%;
	margin: 0;
	padding: 0 1.5em;
	box-sizing: border-box;
	}
}

@media all and (max-width: 640px) {
#contents {
	background: url();
	}
#contentsInner {
	width: 100%;
	margin: 0;
	padding: 0 1em;
	justify-content: flex-start;
	flex-wrap: wrap;
	display: flex;
	}
}

/* --------------------------------------------
 *           main + side + breadcrumb
 * -------------------------------------------- */

#second #breadcrumbs {
	width: 100%;
	margin: 20px 0 0 0;
	text-align: left;
	display: block;
}

#second #breadcrumbs span a{text-decoration: underline;}

#second #breadcrumbs span a:hover{
	color:#000;
}

#second #main {
	width: 700px;
	margin: 20px 0 0 0;
}
#index #main {
	width: 700px;
	margin: 50px 0 0 0;
}

#second #side {
	width: 250px;
	margin: 20px 50px 0 0;
}
#index #side {
	width: 250px;
	margin: 50px 50px 0 0;
}

@media all and (min-width: 641px) and (max-width: 1000px) {
#breadcrumbs {
	width: 100%;
	margin: 1em 0 0 0;
}
#second #main {
	width: 65%;
	margin: 1em 0 0 0;
	}
#index #main {
	width: 65%;
	margin: 2em 0 0 0;
	}
#second #side {
	width: 35%;
	margin: 1em 0 0 0;
	padding-right: 1.5em;
	box-sizing: border-box;
	}
#index #side {
	width: 35%;
	margin: 2em 0 0 0;
	padding-right: 1.5em;
	box-sizing: border-box;
	}
}

@media all and (max-width: 640px) {
#breadcrumbs {
	width: 100%;
	margin: 1em 0 0 0;
	order: 1;
}
#second #main ,
#index #main {
	width: 100%;
	margin: 1em 0 0 0;
	order: 2;
	}
#second #side ,
#index #side {
	width: 100%;
	margin: 1em 0 0 0;
	order: 3;
	}
}

/* --------------------------------------------
 *                         Footer
 * -------------------------------------------- */

/*--- footer ----------------------------------------------------------------- */

footer {
	width: 100%;
	text-align: center;
	color: #fff;
	margin: 60px 0 0 0;
	padding: 0;
}
#footerArea {
	width: 100%;
	color: #fff;
	margin: 0;
	padding: 0;
	background: #0072b6 url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/footer_chara.png) repeat-x bottom center;
	background-size: 1000px 70px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
#footerArea  {
	background: #0072b6 url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/footer_chara@2x.png) repeat-x bottom center;
	background-size: 1000px 70px;
	}
}
#footerAreaInner {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

@media all and (min-width: 641px) and (max-width: 1000px) {
#footerAreaInner {
	width: 100%;
	margin: 0 auto;
	padding: 0 1.5em;
	box-sizing: border-box;
	}
}

@media all and (max-width: 641px) {
footer {
	margin: 1em 0 0 0;
	padding: 0;
	}
#footerAreaInner {
	width: 100%;
	margin: 0;
	padding: 0;
	}
#footerArea {
	background: #0072b6 url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/footer_chara.png) repeat-x bottom center;
	background-size: 500px 35px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
#footerArea  {
	background: #0072b6 url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/footer_chara@2x.png) repeat-x bottom center;
	background-size: 500px 35px;
	}
	}
}

/*--- footerAdd ----------------------------------------------------------------- */

#footerAdd {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 50px 0 100px 0;
}
.footerLogo {
	margin: 0 28px 0 0;
	padding: 0;
}
.footerAddText {
	font-size: 12px;
	line-height: 2;
	text-align: left;
	margin: 0;
	padding: 0;
}

@media all and (max-width: 501px) {
#footerAdd {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 1em 0 3em 0;
	}
.footerLogo {
	margin: 0 0 1em 0;
	padding: 0;
	}
.footerAddText {
	font-size: 12px;
	line-height: 1.6;
	text-align: center;
	}
}

/*--- footerCopy ----------------------------------------------------------------- */

#footerCopyArea {
	margin: 0;
	padding: 0;
	position: relative;
}
#footerCopy {
	background: #00639e;
	text-align: center;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 21;
}
#footerCopy p {
	color: #abc8dc;
	font-size: 12px;
	margin: 0;
	padding: 1.4em 0;
}

@media all and (max-width: 640px) {
#footerCopy p {
	font-size: 10px;
	padding: 1.6em 0;
	}
}

/*--- pageTop ----------------------------------------------------------------- */

#pageTop{
	/* jsで定義 */
	/*position: fixed;
	bottom: -14px;*/
	right: 10px;
	z-index: 20;
	display: block;
}

@media screen and (max-width: 640px) {
#pageTop {
	right: 5px;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	}
#pageTop img {
	width: 40px;
	height: 40px;
	}
}




.boxSp { padding: 20px; }
.boxSpBtm40 { padding: 20px 20px 40px 20px; }
.boxSpBtm0 { padding: 20px 20px 0 20px; }

.topSp10 { margin: 10px 0 0 0; }
.topSp20 { margin: 20px 0 0 0; }
.topSp30 { margin: 30px 0 0 0; }
.topSp40 { margin: 40px 0 0 0; }
.topSp50 { margin: 40px 0 0 0; }
.btmSp10 { margin: 0 0 10px 0; }
.btmSp20 { margin: 0 0 20px 0; }
.btmSp30 { margin: 0 0 30px 0; }
.btmSp40 { margin: 0 0 40px 0; }
.btmSp50 { margin: 0 0 50px 0; }
.topbtmSp1em { padding: 1em; }

.leftSp26 { margin: 0 0 0 26px; }

@media screen and (max-width: 1000px) {
.topSp20 { margin: 1em 0 0 0; }
.topSp30 { margin: 1em 0 0 0; }
.topSp40 { margin: 2em 0 0 0; }
.topSp50 { margin: 2em 0 0 0; }
}

@media screen and (max-width: 640px) {
.leftSp26 { margin: 0; }
.btmSp30 { margin: 0 0 1em 0; }
}

/* --------------------------------------------
 *                      texts
 * -------------------------------------------- */

.textCenter { text-align: center; }
.textRight { text-align: right; }
.textLeft { text-align: left; }
.textBold { font-weight: bold; }
.textNormal { font-weight: normal; }
.font10 { font-size: 10px; }
.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.font18 { font-size: 18px; }
.font20 { font-size: 20px; }

.textRed { color: #ff4949; }
.textBlue { color: #0072b6; }
.textWhite { color: #fff; }
.textYellow { color: #ffc000; }
.textGray { color: #999; }

.markerYellow {
	background: linear-gradient(transparent 60%, #fff443 60%);
}
.markerBlue {
	background: linear-gradient(transparent 60%, #9cf9ff 60%);
}

article a:link { color: #0072b6;text-decoration: underline; }
article a:visited { color: #0072b6;text-decoration: underline; }
article a:active { color: #0072b6;text-decoration: underline; }
article a:hover { color: #000;text-decoration: none; }

/* --------------------------------------------
 *                      etc
 * -------------------------------------------- */

.boxCenter { margin: 0 auto; }

img.imgSp7 { margin: 0 7px 0 0; }
img.imgSp10 { margin: 0 10px 0 0; }
img.imgSp55 { margin: 0 5px; }
img.imgSp1010 { margin: 0 0 10px 10px; }
img.imgSp1010L { margin: 0 10px 10px 0; }

.iSp55 { margin: 0 5px; }

.width220 { width: 220px; }
.width440 { width: 440px; }

.boxRight { text-align: right; margin-left: auto; }

.borderTop1 { border-top: 1px solid #fff; }
.topDotted { border-top: 1px dotted #bdbdbd; margin-top: 20px; padding-top: 20px; }

@media all and (min-width: 641px) and (max-width: 1000px) {
.width440 { width: 80%; }
}

@media all and (max-width: 640px) {
.width220 ,
.width440 { width: 100%; }
}

/*--- btmBorder ----------------------------------------------------------------- */

.btmBorder {
	width: 100%;
	position: relative;
	display: inline-block;
	margin-bottom: 0.8em;
}
.btmBorder:before {
	content: '';
	position: absolute;
	bottom: -10px;
	display: inline-block;
	width: 60px;
	height: 2px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #fff;
	border-radius: 2px;
}

/* --------------------------------------------
 *                      bgColor
 * -------------------------------------------- */

.bgColorBlue01 { background: #0054a3; }
.bgColorBlue02 { background: #0072b6; }
.bgColorBlue03 { background: #1489cf; }
.bgColorBlue04 { background: #0396db; }
.bgColorBlue05 { background: #14a8ed; }

.bgColorRed01 { background: #ff4949; }

.bgColorGreen00 { background: #00846f; }
.bgColorGreen01 { background: #009d84; }
.bgColorGreen02 { background: #08a38a; }
.bgColorGreen03 { background: #13b299; }
.bgColorGreen04 { background: #20c0a7; }

/* --------------------------------------------
 *                     header
 * -------------------------------------------- */

#headeInner {
	width: 1000px;
	margin: 0 auto;
}
#headeBox {
	width: 100%;
	display: flex;
	justify-content: flex-start;
}
#headeBox h1 {
	flex-basis: 274px;
}
#headeBox h1 img {
	width: 274px;
	margin: 12px 0 0 0;
}
#headeBox #headerMenuArea {
	flex-basis: auto;
	margin-left: auto;
	padding: 9px 10px 0 0;
}
#headeBox #headerLogin {
	flex-basis: 110px;
}

/*--- headerMenu ----------------------------------------------------------------- */

.headerMenu {
	width: 230px;
	margin: 0 0 5px 0;
}
.headerMenu a {
	background: #0072b6;
	color: #fff;
	font-size: 12px;
	padding: 8px 3px 9px 3px;
	border-radius: 6px;
	display: block;
}

/*--- loginImg ----------------------------------------------------------------- */

.loginImg img {
	background: #ff4949;
	border: 0;
	width: 110px;
	height: 80px;
	border-radius: 0 0 6px 6px;
}

@media all and (min-width: 641px) and (max-width: 1000px) {
#headeInner {
	width: 100%;
	margin: 0;
}
#headeBox h1 {
	flex-basis: 274px;
	}
#headeBox h1 img {
	max-width: 274px;
	width: 100%;
	margin: 12px 0 0 12px;
	}
#headeBox #headerLogin {
	flex-basis: 122px;
	}
#headeBox #headerLogin input {
	margin: 0 12px 0 0;
	}
}

@media all and (max-width: 640px) {
#headeInner {
	width: 100%;
	margin: 0;
}
#headeBox {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 40px 0 0;
	}
#headeBox h1 {
	flex-basis: auto;
	order: 1;
	height: 70px;
	padding: 13px 0 0 10px;
	box-sizing: border-box;
	}
#headeBox h1 img {
	max-width: 160px;
	width: 100%;
	height: auto;
	margin: 0;
	}
#headeBox #headerMenuArea {
	display: none;
}
#headeBox #headerLogin {
	flex-basis: 100px;
	order: 2;
	}
.loginImg {
	padding: 0 10px 0 0;
	}
.loginImg img {
	width: 80px;
	height: 58px;
	}
}

@media all and (max-width: 320px) {
#headeBox h1 img {
	max-width: 150px;
	width: 100%;
	height: auto;
	margin: 0;
	}
}

/* --------------------------------------------
 *                      subTitle
 * -------------------------------------------- */

/*--- subTitle + subTitlePost ----------------------------------------------------------------- */

.subTitle {
	text-align: center;
	margin: 0;
	padding: 0;
}
.subTitlePost {
	text-align: left;
	margin: 0;
	padding: 0;
}
.subTitle p ,
.subTitlePost p {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/sub_tit_en.png) no-repeat top center;
	background-size: 96px 33px;
	font-family: 'Questrial', sans-serif;
	width: 100%;
	height: 33px;
	color: #fff;
	font-size: 12px;
	margin: 0 auto;
	padding: 17px 0 0 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.subTitle p ,
.subTitlePost p {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/sub_tit_en@2x.png) no-repeat top center;
	background-size: 96px 33px;
	}
}
.subTitlePost p {
	text-align: center;
}
.subTitle h2 ,
.subTitlePost h2 {
	background: #0054a3;
	width: 100%;
/*	min-height: 75px; */
	color: #fff;
	font-weight: normal;
	font-size: 20px;
	border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	margin: 0 auto;
	padding: 22px 20px;
}

/* IE10以降 */
@media all and (-ms-high-contrast:none){
.subTitle h2 {
	border-top:1px solid #0054a3;
	}
}
 
/* IE11だけに適用 */
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop,.subTitle h2  {
	border-top:1px solid #0054a3;
	}
}

@media all and (max-width: 640px) {
.subTitle h2 ,
.subTitlePost h2 {
/*	background: #0054a3 url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/sub_tit_bg.png) no-repeat center -20px;*/
	background: #0054a3 no-repeat center -20px;
	background-size: auto 127px;
	min-height: 55px;
	font-size: 16px;
	padding: 16px 10px;
	}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.subTitle h2 ,
.subTitlePost h2 {
/*	background: #0054a3 url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/sub_tit_bg@2x.png) no-repeat center -20px;*/
	background: #0054a3 no-repeat center -20px;
	background-size: auto 127px;
	}
	}
}

/*--- subTitle02 ----------------------------------------------------------------- */
.subTitle02 {
	position: relative;
	text-align: center;
}
.subTitle02 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	font-size: 1.2em;
	margin: 0 2.5em;
	padding: 0 1em;
	background: #fff;
	text-align: left;
}
.subTitle02::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #ccc;
}

/*--- subTitle03 ----------------------------------------------------------------- */

.subTitle03 {
	min-height: 60px;
	margin: 0;
	padding: 0 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_daiya.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/sub_tit_bg02.png);
	background-size: 10px 10px,
					1000px auto;
	background-repeat: no-repeat,
						no-repeat;
	background-position: bottom center,
						bottom center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.subTitle03 {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_daiya@2x.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/sub_tit_bg02@2x.png);
	background-size: 10px 10px,
					1000px auto;
	background-repeat: no-repeat,
						no-repeat;
	background-position: bottom center,
						bottom center;
	}
}

/* IE10以降 */
@media all and (-ms-high-contrast:none){
.subTitle03 {
	height: 60px;
	}
}
 
/* IE11だけに適用 */
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop,.subTitle03 {
	height: 60px;
	}
}

.subNum {
	width: 30px;
	height: 30px;
	margin: -5px 0 0 0;
	border: 1px solid #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.subNum p {
	text-align: center;
	color: #fff;
}
.subNum p span {
	font-size: 16px;
}
.subTitle03 h3 {
	color: #fff;
	font-weight: normal;
	font-size: 18px;
	margin: -5px 0 0 10px;
	padding: 0;
}

@media all and (max-width: 640px) {
.subTitle03 {
	min-height: 60px;
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_daiya.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/sub_tit_bg02.png);
	background-size: 10px 10px,
					700px auto;
	background-repeat: no-repeat,
						no-repeat;
	background-position: bottom center,
						bottom center;
	}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.subTitle03 {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_daiya@2x.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/sub_tit_bg02@2x.png);
	background-size: 10px 10px,
					700px auto;
	background-repeat: no-repeat,
						no-repeat;
	background-position: bottom center,
						bottom center;
	}
	}
}

/*--- subTitle04 ----------------------------------------------------------------- */

.subTitle04 {
	margin: 0 0 10px 0;
	padding: 0;
	position: relative;
}
.subTitle04 h4 {
	color: #0396db;
	font-size: 18px;
	padding-left: 26px;
}
.subTitle04 h4:before {
	font-family: FontAwesome;
	content: "\f10c";
	color: #0396db;
	font-size: 22px;
	font-weight: bold;
	width: 30px;
	height: 30px;
	position: absolute;
	top: -3px;
	left: 0;
}

/*--- subTitle05 ----------------------------------------------------------------- */

.subTitle05 {
	margin: 0 0 10px 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.subTitle05 h3 {
	color: #fff;
	font-weight: normal;
	font-size: 18px;
	margin: -5px 0 0 10px;
	padding: 0;
}

/*--- blueObi ----------------------------------------------------------------- */

.blueObi {
	color: #fff;
	text-align: center;
	margin: 0 0 8px 0;
	padding: 0.2em;
	background: #0396db;
}

/* --------------------------------------------
 *                  subTitle - side
 * -------------------------------------------- */

/*--- sideTitle ----------------------------------------------------------------- */

.sideTitle {
	text-align: center;
	margin: 0;
	padding: 0;
}
.sideTitle h3 {
	background: #fff url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/side_tit_bg.png) no-repeat top center;
	background-size: 100% 50px;
	width: 100%;
	min-height: 50px;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	margin: 0 auto;
	padding: 10px 0 0 0;
	border-radius: 6px 6px 0 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.sideTitle h3 {
	background: #fff url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/side_tit_bg@2x.png) no-repeat center -10px;
	background-size: 100% 60px;
	}
}
.sideTitle h3 img {
	margin: -5px 8px 0 0;
	vertical-align: middle;
}
.sideTitle h4 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/dotted_line.png) no-repeat bottom center;
	background-size: 57px 1px;
	color: #0054a3;
	font-size: 14px;
	font-weight: bold;
	margin: 0 auto 6px auto;
	padding: 0 0 6px 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.sideTitle h4 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/dotted_line@2x.png) no-repeat bottom center;
	background-size: 57px 1px;
	}
}

/* --------------------------------------------
 *                        contents
 * -------------------------------------------- */

.conArea {
	text-align: left;
}
.conBox {
	background: #fff;
	margin: 0;
	padding: 0;
	border-radius: 0 0 6px 6px;
}

/* --------------------------------------------
 *                      sideArea
 * -------------------------------------------- */

.sideArea {
	text-align: left;
	margin: 0 0 40px 0;
	padding: 0;
}
.sideBox {
	background: #fff;
	margin: 0;
	border-radius: 0 0 6px 6px;
}
.sideBoxInner {
	padding: 20px;
}

@media all and (max-width: 640px) {
.sideArea {
	margin: 0 0 1em 0;
	}
.sideBoxInner {
	padding: 1em;
	}
}

/* --------------------------------------------
 *                           box
 * -------------------------------------------- */
/*--- leftRightBox ----------------------------------------------------------------- */

.leftRightBox {
	margin: 0;
	display: flex;
	justify-content: space-between;
}
.leftBox ,
.rightBox {
	margin: 0;
	flex-basis: 48%;
}
@media all and (min-width: 641px) and (max-width: 1000px) {
.leftBox ,
.rightBox { flex-basis: 49%; }
}

@media all and (max-width: 640px) {
.leftRightBox {
	margin: 0;
	display: block;
	}
.leftBox ,
.rightBox { flex-basis: 100%; }
.rightBox { margin: 1em 0 0 0; }
}

/*--- leftRightImg ----------------------------------------------------------------- */

.leftRightImg {
	margin: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.leftRightImg div {
	text-align:center;
	margin: 0 auto 0.8em auto;
	flex-basis: 48%;
}
.leftRightImg div img {
	margin: 0 auto 0.3em auto;
}
@media all and (min-width: 641px) and (max-width: 1000px) {
.leftRightImg div { flex-basis: 48%; }
}

@media all and (max-width: 640px) {
.leftRightImg div {
	flex-basis: 100%;
	}
}

/*--- imgx3 ----------------------------------------------------------------- */

.imgx3 {
	margin: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.imgx3 > div {
	text-align: center;
	margin: 0 auto 0.8em auto;
	flex-basis: 32%;
}
.imgx3 > div img {
	margin: 0 auto 0.3em auto;
}
@media all and (min-width: 641px) and (max-width: 1000px) {
.imgx3 > div { flex-basis: 48%; }
}

@media all and (max-width: 640px) {
.imgx3 > div {
	flex-basis: 100%;
	}
}

/*--- leftRightBoxSide ----------------------------------------------------------------- */

.leftRightBoxSide {
	margin: 0;
	display: flex;
	justify-content: space-between;
}
.leftBoxSide ,
.rightBoxSide {
	margin: 0;
	flex-basis: 48%;
}
@media all and (min-width: 641px) and (max-width: 1000px) {
.leftBoxSide ,
.rightBoxSide { flex-basis: 49%; }
}

@media all and (max-width: 640px) {
.leftRightBoxSide {
	margin: 0 10%;
	}
.leftBoxSide ,
.rightBoxSide { flex-basis: 50%; }
}

/*--- leftRightBox28 ----------------------------------------------------------------- */

.leftRightBox28 {
	display: flex;
}
.left28 {
	flex-basis: 20%;
}
.right28 {
	flex-basis: 80%;
}

@media all and (max-width: 640px) {
.leftRightBox28 {
	display: block;
	}
}

/*--- colorBox ----------------------------------------------------------------- */

.colorListBox {
	color: #fff;
}
.colorListBox ul {
	display: flex;
	justify-content: space-between;
}
.colorListBox ul li {
	flex-basis: 32%;
	margin: 0 0 10px 0;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 6px;
}

@media all and (max-width: 640px) {
.colorListBox ul {
	flex-wrap: wrap;
	}
.colorListBox ul li {
	flex-basis: 100%;
	}
}

/*--- monthBox ----------------------------------------------------------------- */

.monthBox {
	margin: 0 0 10px 0;
	display: flex;
	justify-content: space-between;
}
.monthBox > div {
	flex-basis: 48%;
}
.thisMonth {
	background: #ffc000;
	border-radius: 20px;
}
.thisMonth p {
	font-size: 12px;
	text-align: center;
	padding: 0.4em 0.1em 0.2em 0.1em;
}

/* --------------------------------------------
 *                        list
 * -------------------------------------------- */

/*--- listDiscBlue ----------------------------------------------------------------- */

ul.listDiscBlue li {
	margin: 0 0 5px 0;
	padding-left: 16px;
	position: relative;
}
ul.listDiscBlue li:before {
	display: block;
	font-family: "FontAwesome";
	content: "\f111";
	width: 1em;
	height: 1em;
	color: #0396db;
	font-size: 6px;
	position: absolute;
	top: 7px;
	left: 0;
}

/*--- listDiscYellow ----------------------------------------------------------------- */

ul.listDiscYellow li {
	margin: 0 0 5px 0;
	padding-left: 16px;
	position: relative;
}
ul.listDiscYellow li:before {
	display: block;
	font-family: "FontAwesome";
	content: "\f111";
	width: 1em;
	height: 1em;
	color: #ffc000;
	font-size: 6px;
	position: absolute;
	top: 7px;
	left: 0;
}

/*--- listNumCircle ----------------------------------------------------------------- */

ol.listNumCircle {
	counter-reset: my-counter;
	list-style: none;
	padding: 0;
}
ol.listNumCircle li {
	margin: 0 0 1.4em 0;
	padding: 0;
	position: relative;
}
ol.listNumCircle li .listNumCircleBox p {
	padding: 0 0 0 30px;
}
ol.listNumCircle li .listNumCircleBox {
	margin: 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #14a8ed;
}
ol.listNumCircle li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #fff;
	color: #0396db;
	display: block;
	float: left;
	line-height: 22px;
	margin-left: 0;
	text-align: center;
	height: 22px;
	width: 22px;
	border: 1px solid #0396db;
	border-radius: 50%;
}
.triangleBlue {
	width: 0;
	height: 0;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #14a8ed transparent transparent transparent;
}

@media all and (max-width: 640px) {
ol.listNumCircle li:before {
	margin: 0 8px 0 0;
	}
ol.listNumCircle li .listNumCircleBox p {
	padding: 0;
	}
}

/* --------------------------------------------
 *                        floorList
 * -------------------------------------------- */

.floorList ul {
}
.floorList ul li {
}
.floorList .floorBox {
}
.floorList .floorBox a {
	display: flex;
	align-items: center;
	color: #fff;
	padding: 10px 20px;
}
.floorList .f10 a { background: #15b69d; }
.floorList .f9 a { background: #0396db; }
.floorList .f8 a { background: #ff4949; }
.floorList .f7a a { background: #0072b6; }
.floorList .f7b a { background: #0054a3; }
.floorNum {
	flex-basis: 40px;
	width: 40px;
	height: 40px;
	margin: 0 10px 0 0;
	border: 1px solid #fff;
	border-radius: 50%;
}
.floorList .floorNum p {
	text-align: center;
}
.floorList .floorNum p span {
	font-size: 26px;
}
.floorList .floorTextBox {
	flex: 1;
}
.floorList .floorTitle {
	font-size: 18px;
}
.floorList .floorText {
	font-size: 12px;
	padding: 0 0 0 0;
}

/*--- listLeftBlueRight ----------------------------------------------------------------- */

ul.listLeftBlueRight {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
ul.listLeftBlueRight li:nth-child(2n+1) {
	flex-basis: 16%;
	text-align: center;
	color: #fff;
	margin: 0 0 1em 0;
	padding: 0;
	background: #0396db;
}
ul.listLeftBlueRight li:nth-child(2n) {
	flex-basis: 84%;
	margin: 0 0 1em 0;
	padding: 0;
}
ul.listLeftBlueRight li p {
	padding: 0.2em 1em;
}

@media all and (max-width: 640px) {
ul.listLeftBlueRight li:nth-child(2n+1) {
	flex-basis: 100%;
	text-align: center;
	color: #fff;
	margin: 0 0 0.5em 0;
	padding: 0;
	background: #0396db;
	}
ul.listLeftBlueRight li:nth-child(2n) {
	flex-basis: 100%;
	margin: 0 0 1em 0;
	padding: 0;
	}
ul.listLeftBlueRight li p {
	padding: 0.2em 0;
	}
}

/* --------------------------------------------
 *                           btn
 * -------------------------------------------- */

/*--- btnWhiteSnext ----------------------------------------------------------------- */

.btnWhiteSnext a {
	width: 100%;
	text-align: center;
	color: #000 !important;
	font-size: 12px;
	margin: 0;
	padding: 0.35em 0.1em 0.3em 0.1em;
	background: #fff url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_next_y.png) no-repeat right center;
	background-size: 10px 10px;
	border: 1px solid #ffc000;
	border-radius: 30px;
	display: block;
	text-decoration: none !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.btnWhiteSnext a {
	background: #fff url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_next_y@2x.png) no-repeat right center;
	background-size: 10px 10px;
	}
}

/*--- btnWhiteSback ----------------------------------------------------------------- */

.btnWhiteSback a {
	width: 100%;
	text-align: center;
	color: #000;
	font-size: 12px;
	margin: 0;
	padding: 0.35em 0.1em 0.3em 0.1em;
	background: #fff url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_back_y.png) no-repeat left center;
	background-size: 10px 10px;
	border: 1px solid #ffc000;
	border-radius: 20px;
	display: block;
	text-decoration: none !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.btnWhiteSback a {
	background: #fff url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_back_y@2x.png) no-repeat left center;
	background-size: 10px 10px;
	}
}

/*--- btnWhiteSpdf + btnWhiteSpdf ----------------------------------------------------------------- */

.btnWhiteSpdf a ,
.btnWhitePdf a {
	width: 100%;
	color: #000 !important;
	font-size: 12px;
	line-height: 1.4;
	margin: 0;
	background-color: #fff;
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_pdf.png),
						 url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_next_y.png);
	 background-size: 18px 20px,
					10px 10px;
	background-repeat: no-repeat,
						no-repeat;
	background-position: 1em center,
						right center;
	border: 1px solid #ffc000;
	border-radius: 30px;
	display: block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.btnWhiteSpdf a ,
.btnWhitePdf a {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_pdf@2x.png),
						 url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_next_y@2x.png);
	 background-size: 18px 20px,
					10px 10px;
	background-repeat: no-repeat,
						no-repeat;
	background-position: 1em center,
						right center;
	}
}
.btnWhiteSpdf a { text-align: left; padding: 0.35em 1em 0.3em 3em; text-decoration: none !important; }
.btnWhitePdf a { text-align: left; padding: 0.6em 1em 0.5em 3em; text-decoration: none !important; }
.btnWhiteSpdf span ,
.btnWhitePdf span { font-size: 10px; }
.btnWhiteSback a#btnCMonth{color:#000;}

/*--- btnBlue ----------------------------------------------------------------- */

.btnBlue a {
	width: 160px;
	text-align: center;
	color: #fff;
	font-size: 1.1em;
	margin: 0 0 0 auto;
	padding: 0.4em 0 0.3em 0;
	background: #0072b6 url(//www.kagakukanq.com/wp-content/themes/chiba/images/icon_more_w.png) no-repeat right center;
	background-size: 21px 10px;
	border-radius: 20px;
	display: block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.btnBlue a {
	background: #0072b6 url(//www.kagakukanq.com/wp-content/themes/chiba/images/icon_more_w@2x.png) no-repeat right center;
	background-size: 21px 10px;
	}
}

/*--- btnYellow ----------------------------------------------------------------- */

.btnYellow a {
	width: 100%;
	text-align: center;
	color: #000 !important;
	margin: 0 auto;
	padding: 0.6em 0 0.5em 0;
	background: #ffc000 url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w.png) no-repeat right center;
	background-size: 21px 10px;
	border-radius: 30px;
	display: block;
	text-decoration: none !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.btnYellow a {
	background: #ffc000 url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w@2x.png) no-repeat right center;
	background-size: 21px 10px;
	}
}

/*--- btnYellowMm ----------------------------------------------------------------- */

.btnYellowMm a {
	width: 100%;
	text-align: center;
	color: #000 !important;
	font-size: 12px;
	margin: 0 auto;
	padding: 0.6em 0 0.5em 0;
	background: #ffc000 url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w.png) no-repeat right center;
	background-size: 21px 10px;
	border-radius: 30px;
	display: block;
	text-decoration: none !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.btnYellowMm a {
	background: #ffc000 url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w@2x.png) no-repeat right center;
	background-size: 21px 10px;
	}
}

/*--- btnYellowM ----------------------------------------------------------------- */

.btnYellowM a {
	width: 100%;
	text-align: center;
	color: #000 !important;
	font-size: 12px;
	margin: 0 auto;
	padding: 0.4em 0 0.3em 0;
	background: #ffc000 url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w.png) no-repeat right center;
	background-size: 21px 10px;
	border-radius: 20px;
	display: block;
	text-decoration: none !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.btnYellowM a {
	background: #ffc000 url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w@2x.png) no-repeat right center;
	background-size: 21px 10px;
	}
}

/*--- btnGray ----------------------------------------------------------------- */

.btnGray a {
	width: 300px;
	text-align: center;
	color: #000;
	font-size: 1.1em;
	margin: 0 0 0 auto;
	padding: 0.6em 0 0.5em 0;
	background: #ccc url(//www.kagakukanq.com/wp-content/themes/chiba/images/icon_back_w.png) no-repeat left center;
	background-size: 21px 10px;
	border-radius: 20px;
	display: block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.btnGray a {
	background: #ccc url(//www.kagakukanq.com/wp-content/themes/chiba/images/icon_back_w@2x.png) no-repeat left center;
	background-size: 21px 10px;
	}
}

@media screen and (max-width: 767px) {
.btnGray a {
	width: 100%;
	}
}

/* --------------------------------------------
 *                        tables
 * -------------------------------------------- */

/*--- table01 ----------------------------------------------------------------- */

.table01 {
	width: 100%;
	border-collapse: collapse;
}
.table01 th ,
.table01 td {
	padding: 8px 5px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	box-sizing: border-box;
}
.table01 th {
	font-weight: normal;
}


/*--- table02 ----------------------------------------------------------------- */

.table02 {
	width: 100%;
	border-bottom: 1px solid #ccc;
	border-collapse: collapse;
}
.table02.clickTr tr:hover {
	background: #dde9f1;
}
.table02 th ,
.table02 td {
	padding: 8px 5px;

}
.table02 th {
	font-weight: normal;
	border-right: 1px solid #fff;
}
.table02 th:last-child {
	border-right: none;
}
.table02 td {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.table02 td:last-child {
	border-right: none;
}

/*--- table02 ----------------------------------------------------------------- */

.borderAll .table02 {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-collapse: collapse;
}
.borderAll .table02 td {
	border-right: 1px solid #ccc;
}

/*--- table02 reserveTable ------------------ */
.reserveTable {
	margin: 20px 0 0 0;
}
.reserveTable .table02 th:nth-child(1) ,
.reserveTable .table02 th:nth-child(2) {
	width: 6%;
}
.reserveTable .table02 th:nth-child(3) ,
.reserveTable .table02 th:nth-child(4) ,
.reserveTable .table02 th:nth-child(6) {
	width: 14%;
}
.reserveTable .table02 th:nth-child(5) {
	width: 46%;
}
.reserveTable .table02 td:nth-last-child(2) {
	text-align: left;
}

/*--- table02 reserveTable02 ------------------ */
.reserveTable02 {
	margin: 20px 0 0 0;
}
.reserveTable02 .table02 th:nth-child(1) ,
.reserveTable02 .table02 th:nth-child(2) {
	width: 30%;
}
.reserveTable02 .table02 th:nth-child(3) {
	width: 40%;
}
.reserveTable02 .table02 td:nth-child(3) {
	text-align: left;
}

/*--- table02 reserveTable03 ------------------ */
.reserveTable03 {
	margin: 20px 0 0 0;
}
.reserveTable03 .table02 th:nth-child(1) ,
.reserveTable03 .table02 th:nth-child(2) ,
.reserveTable03 .table02 th:nth-child(3) ,
.reserveTable03 .table02 th:nth-child(5) {
	width: 15%;
}
.reserveTable03 .table02 th:nth-child(4) {
	width: 40%;
}
.reserveTable03 .table02 th:nth-child(5) {
	background: #ff4949;
}
.reserveTable03 .table02 td:nth-child(4) {
	text-align: left;
}

/*--- table02 reserveTable04 ------------------ */
.reserveTable04 {
	margin: 20px 0 0 0;
}
.reserveTable04 .table02 th:nth-child(1) ,
.reserveTable04 .table02 th:nth-child(2) ,
.reserveTable04 .table02 th:nth-child(3) {
	width: 20%;
}
.reserveTable04 .table02 th:nth-child(4) {
	width: 40%;
}
.reserveTable04 .table02 td:nth-child(4) {
	text-align: left;
}

/*--- table02 cancelTable ------------------ */
.cancelTable {
	margin: 20px 0 0 0;
}
.cancelTable .table02 th:nth-child(1) {
	width: 6%;
}
.cancelTable .table02 th:nth-child(2) ,
.cancelTable .table02 th:nth-child(3) ,
.cancelTable .table02 th:nth-child(4) ,
.cancelTable .table02 th:nth-child(6) {
	width: 14%;
}
.cancelTable .table02 th:nth-child(5) {
	width: 38%;
}
.cancelTable .table02 td:nth-last-child(2) {
	text-align: left;
}

/*--- table02 courseTable ------------------ */
.courseTable {
	margin: 20px 0 0 0;
}
.courseTable .table02 th:nth-child(1) {
	width: 6%;
}
.courseTable .table02 th:nth-child(2) ,
.courseTable .table02 th:nth-child(3) ,
.courseTable .table02 th:nth-child(6) {
	width: 13%;
}
.courseTable .table02 th:nth-child(4) {
	width: 20%;
}
.courseTable .table02 th:nth-child(5) {
	width: 35%;
}
.courseTable .table02 td:nth-child(4) ,
.courseTable .table02 td:nth-child(5) {
	text-align: left;
}

/*--- table02 historyTable ------------------ */
.historyTable {
	margin: 20px 0 0 0;
}
.historyTable .table02 th:nth-child(1) ,
.historyTable .table02 th:nth-child(2) ,
.historyTable .table02 th:nth-child(3) ,
.historyTable .table02 th:nth-child(5) ,
.historyTable .table02 th:nth-child(6) {
	width: 13%;
}
.historyTable .table02 th:nth-child(4) {
	width: 29%;
}
.historyTable .table02 th:nth-child(7) {
	width: 6%;
}
.historyTable .table02 td:nth-child(4) {
	text-align: left;
}

/*--- table03 ----------------------------------------------------------------- */

.table03 {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid #ccc;
}
.table03 th {	
	width: 25%;
	font-weight: normal;
	padding: 10px;
	border-top: 1px solid #ccc;
	border-right: 1px dotted #ccc;
	box-sizing: border-box;
}
.table03 td {
	padding: 10px;
	border-top: 1px solid #ccc;
	border-right: 1px dotted #ccc;
	box-sizing: border-box;
}
.table03 td:first-child {
	width: 25%;
}
.table03 td:nth-child(2) {
	text-align: center;
}
.table03 td:last-child {
	width: 50%;
	border-right: none;
}

/*--- table04 ----------------------------------------------------------------- */

.table04 {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid #ccc;
}
.table04 td {
	text-align: center;
	padding: 10px;
	border-top: 1px solid #ccc;
	border-right: 1px dotted #ccc;
	box-sizing: border-box;
}
.table04 td:first-child {
	width:50%;
}
.table04 td:last-child {
	width: 50%;
	border-right: none;
}
.table04.clickTd td:hover {
	background: #dde9f1;
}

@media screen and (max-width: 640px) {

.tableScroll {
	overflow-x: auto;
	}
.tableScroll table th ,
.tableScroll table td {
	white-space: nowrap;
	}
.tableScroll::-webkit-scrollbar {
	height: 5px;
	}
.tableScroll::-webkit-scrollbar-track {
	border-radius: 5px;
	background: #eee;
	}
.tableScroll::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #666;
	}
}

/*--- table05 ----------------------------------------------------------------- */

.table05 {
	width: 90%;
	text-align: center;
	margin: 0 auto;
}
.table05 th {
	width: 35%;
	text-align: left;
	font-weight: normal;
	padding: 0 0 20px 0;
	vertical-align: top;
}
.table05 td {
	width: 65%;
	text-align: left;
	padding: 0 0 20px 0;
	vertical-align: top;
}
@media all and (min-width: 641px) and (max-width: 767px) {
.table05 {
	width: 100%;
	text-align: left;
	}
}

@media screen and (max-width: 640px) {
.table05 {
	width: 100%;
	text-align: left;
	}
.table05 th {
	display: block;
	width: 100%;
	padding: 0.6em 0;
	}
.table05 td {
	display: block;
	width: 100%;
	padding: 0 0 1em 0;
	}
}

/*--- table06 ----------------------------------------------------------------- */

.table06 {
	width: 100%;
	border-collapse: collapse;
}
.table06 th {
	font-weight: normal;
	padding: 10px;
	border-bottom: 1px solid #fff;
}
.table06 td {
	padding: 10px 0 10px 10px;
	border-top: 1px solid #ccc;
}
.table06 td:last-child {
	border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 640px) {
.table06 {
	width: 100%;
	text-align: left;
	}
.table06 th {
	display: block;
	width: 100%;
	padding: 0.4em;
	}
.table06 td {
	display: block;
	width: 100%;
	padding: 0 0 1em 0;
	border-top: none;
	}
.table06 td:last-child {
	border-bottom: none;
	}
}

/*--- calendarTable ----------------------------------------------------------------- */

.calendarTable {
	width: 100%;
	text-align: center;
}
.calendarTable th {
	width: 14.28%;
	font-weight: normal;
	padding: 2px;
}
.calendarTable th:nth-last-child(2) {
	color: #0054a3;
}
.calendarTable th:nth-last-child(1) {
	color: #ff4949;
}
.calendarTable td {
	background: #dde9f1;
	width: 14.28%;
	padding: 2px;
	vertical-align: middle;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	box-sizing: border-box;
}
.calendarTable td:nth-last-child(1) {
	border-right: none;
}
.calendarTable td.calSat {
	/*background: #bed9eb;*/
}
.calendarTable td.calSun {
	/*background: #ffb7b7;*/
}
.calendarTable td.calClose {
	background: #ffb7b7;
}

.calFoot {
	font-size: 12px;
	line-height: 1.2;
	margin: 6px 0 10px 0;
}
.calSunColor { color: #ffb7b7; }
.calCloseColor {
	color: #ffb7b7;
	font-size: 18px;
}
.calPlaneColor { color: #ffcd92; }
.calTodayColor { color: #0072b6; }
.calToday{box-shadow: inset 0 0 0 2px #0072b6;}

/* --------------------------------------------
*                          Form
* -------------------------------------------- */

input ,
textarea {
	font-size: 100%;
}
input {
	outline: 0;
}
input.wl100 {
	margin: 0;
	padding: 0.8em;
	border: none;
	border: 1px solid #aaa;
	border-radius: 6px;
}
#contents textarea {
	margin: 0;
	padding: 0.8em;
	border: none;
	border: 1px solid #aaa;
	border-radius: 6px;
}

.screen-reader-response {
  display:none;
}

@media screen and (min-width: 768px) {
input.wl {
	width: 70%;
	box-sizing: border-box;
	}
input.wl100 {
	width: 100%;
	box-sizing: border-box;
	}
textarea.textareawl {
	width: 100%;
	height: 200px;
	box-sizing: border-box;
	}
}

@media screen and (max-width: 767px) {
input.wl ,
input.wl100 {
	width: 100%;
	box-sizing: border-box;
	}
textarea.textareawl {
	width: 100%;
	height: 10em;
	box-sizing: border-box;
	}
}

button[type=submit]:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
}
button[type=submit]:active,
button[type=submit]:focus{
	opacity:0.6;
	filter: alpha(opacity=60);
}

input.submitMore[type=submit] {
	width: 160px;
	margin: 0;
	padding: 0.4em 0 0.3em 0;
	cursor: pointer;
	color: #000;
	font-size: 1.1em;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background: #ffc000;
	border: none;
	-webkit-appearance: button;
	*overflow: visible;
	background: #ffc000 url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w.png) no-repeat right center;
	background-size: 21px 10px;
	border-radius: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
input.submitMore[type=submit] {
	background: #ffc000 url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w@2x.png) no-repeat right center;
	background-size: 21px 10px;
	}
}

input.submitBack[type=submit] {
	width: 160px;
	margin: 0;
	padding: 0.4em 0 0.3em 0;
	cursor: pointer;
	color: #000;
	font-size: 1.1em;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	border: none;
	-webkit-appearance: button;
	*overflow: visible;
	background: #ccc url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_back_w.png) no-repeat left center;
	background-size: 21px 10px;
	border-radius: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
input.submitBack[type=submit] {
	background: #ccc url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_back_w@2x.png) no-repeat left center;
	background-size: 21px 10px;
	}
}

input.submitMore[type=submit] a ,
input.submitBack[type=submit] a {
	display: block;
	color: #000;
}

@media screen and (max-width: 767px) {
input.submitMore[type=submit] ,
input.submitBack[type=submit] {
	padding: 0.5em 0 0.4em 0;
	width: 100%;
	}
}

select {
	background: #fff url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_yaji.png) no-repeat;
	background-size: 14px 10px;
	background-position: right 10px center;
	width: 100%;
	height: 40px;
	font-size: 1em;
	text-indent: 0.3em;
	border: 1px solid #aaa;
	padding-left: 10px;
	border-radius: 6px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
select:focus {
	background: #fff url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_yaji.png) no-repeat;
	background-size: 14px 10px;
	background-position: right 10px center;
}

@media screen and (max-width: 767px) {
select {
	width: 100%;
	}
}

/*--- mailSubmit ----------------------------- */

ul#mailSubmit {
	text-align: center;
	margin: 0;
	padding: 0;
}

ul#mailSubmit li {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 1em;
	padding: 0;
	vertical-align: top;
}

/*--- headerSearch ----------------------------------------------------------------- */

dl.headerSearch {
	position: relative;
	background-color: #fff;
	border: 1px solid #0072b6;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	border-radius: 6px;
	margin: 0;
	padding: 0;
}
dl.headerSearch dt {
	margin-right: 30px;
	padding: 2px 0;
}
dl.headerSearch dt input {
	width: 100%;
	height: 24px;
	line-height: 24px;
	background: none;
	border: none;
	margin: 0 0 0 5px;
}
dl.headerSearch dd {
	position: absolute;
	top: 3px;
	right: 0;
}
dl.headerSearch dd button {
	display: block;
	padding: 0;
	background: none;
	border: none;
}
dl.headerSearch dd button span {
	display: block;
	width: 20px;
	height: 20px;
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_seach.png) no-repeat scroll 0 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
dl.headerSearch dd button span {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_seach@2x.png) no-repeat scroll 0 0;
	background-size: 18px 18px;
	}
}

@media screen and (max-width: 640px) {
#gNav dl.headerSearch {
	border: none;
	}
}

/* --------------------------------------------
*                   breadcrumb
* -------------------------------------------- */

#breadcrumbs ul li {
	float: left;
	font-size: 12px;
}




/* --------------------------------------------
 *                    header-nav
 * -------------------------------------------- */



*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.nav {
	position: fixed;
        top: 8px;
	right: 8px;
        z-index: 10000;
}

/** 
* Nav container 
* 1. Ensure this slides in below parent
* 2. Hide by default
* 3. Smoother scrolling experience on iOS
*/

.nav-container {
  position: fixed;
  top: 70px; /* 1 */
  left: 0;
  z-index: 9999;
  overflow-y: auto;
  visibility: hidden; /* 2 */
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%); /* 2 */
  -webkit-overflow-scrolling: touch; /* 3慣性スクロールを追加 */
}

/* 1. Show when `.is-visible` class is added */

.nav-container.is-visible {
  visibility: visible; /* 1 */
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); /* 1 */
  	margin-bottom: -70px; /* 固定ナビの高さ分のネガティブマージン */
	padding-bottom: 70px; /* 打ち消し用のパディング */
}

/* Nav toggle */

.nav-toggle {
	line-height: 1;
	display: inline-block;
	padding: 0.85rem 0.6rem;
	border: 0;
	background-color: #0072b6;
	border-radius: 6px;
}

/* Nav toggle icon */

.nav-toggle .icon-menu {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 16px;
  vertical-align: middle;
  fill: none;
}

/* Nav toggle icon lines */

.icon-menu .line {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  background-color: #fff;
}

/* Nav toggle icon line 1 */

.icon-menu .line-1 { top: 0; }

/* When active, rotate line 1 to be lefthand part of X */

.is-active .icon-menu .line-1 {
  -webkit-transform: translateY(7px) translateX(0) rotate(45deg);
  -ms-transform: translateY(7px) translateX(0) rotate(45deg);
  transform: translateY(7px) translateX(0) rotate(45deg);
}

/* Nav toggle icon line 2 */

.icon-menu .line-2 {
  top: 50%;
  margin-top: -1px;
}

/* When active, hide line 2 */

.is-active .icon-menu .line-2 { opacity: 0; }

/* Nav toggle icon line 3 */

.icon-menu .line-3 { bottom: 0; }

/* When active, rotate line 3 to be righthand part of X */

.is-active .icon-menu .line-3 {
  -webkit-transform: translateY(-7px) translateX(0) rotate(-45deg);
  -ms-transform: translateY(-7px) translateX(0) rotate(-45deg);
  transform: translateY(-7px) translateX(0) rotate(-45deg);
}

/* Remove default list styles for menus */

.menu {
  list-style: none;
  margin: 0;
  padding: 0;

}

/** 
* 1. Give menu a lighter background than its container 
* 2. Prevent menu text from being accidentally highlighted
*/

.nav-menu {
  background-color: #0072b6; /* 1 */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;         /* 2 */
}

/* Give menu items a top border */

.nav-menu .menu-item { border-top: 1px solid #2b89c1; }

/* Darker background color on hover, and when toggled */

.nav-menu > .menu-item:hover,
.nav-menu > .menu-item.is-active { background-color: #0054a3; }

/* 1. Menu links are block level, by default */

.nav-menu .menu-link {
  display: block; /* 1 */
  text-decoration: none;
  color: #fff;
}

/* 1. Menu items with dropdowns appear clickable */

.has-dropdown {
  position: relative;
  cursor: pointer; /* 1 */
}



/* 1. Parent menu links inlined so you can toggle the dropdown */

.has-dropdown > .menu-link { display: inline-block; }

/* 1. Add an icon to menu items that have sub menus */

.has-dropdown:after {
  font-size: 20px;
  position: absolute;
  top: 5px;
  right: 1rem;
  bottom: 0;
  content: "+"; /* 1 */
  color: #fff;
}

/* 1. Switch icon to n-dash when toggled */

.has-dropdown.is-active:after { content: "\2013"; /* 1 */ }

/**
 * Dropdowns
 * 1. Hide dropdowns by default
 */

.nav-dropdown ,
.nav-dropdown02 {
  display: none; /* 1 */
  background: #0c80c5;
}

/* 1. Show dropdown when toggled */

.has-dropdown.is-active > .nav-dropdown ,
.has-dropdown.is-active > .nav-dropdown02 { display: block; /* 1 */ }

/* 2nd level dropdown */

.nav-dropdown .nav-dropdown { background-color: #0c80c5; }

.nav-dropdown .nav-dropdown .menu-item {
  background-color: #0072b6;
  border-color: #000;
}



 @media (min-width: 641px) {

.nav { background-color: #0072b6; }

.nav,
 .nav-container,
 .nav-container.is-visible {
  position: static;
  top: auto;
  left: auto;
  z-index: auto;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
	}

.nav-container,
 .nav-container.is-visible {
  visibility: visible;
  height: auto;
  min-height: 0;
  overflow-y: visible;
	}

.nav-toggle { display: none; }

/* 1. Display menu items inline */

.nav-menu > .menu-item,
 .nav-menu > .menu-item.is-active {
  background-color: transparent;
  border: 0;
	}

/* Remove bottom border on last child */

.nav-menu > .menu-item:last-child { border: 0; }

.nav-menu .menu-item {
  -webkit-transition: background-color 0.15s ease-in-out,  color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out,  color 0.15s ease-in-out;
  -webkit-transform:perspective(0); /* safariチラつき解消 */
	}

/* Remove +/- icons */

.has-dropdown:after { display: none; }

/* Add a caret to top-level menu items that have dropdowns */

/*
.nav-menu > .has-dropdown:after {
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 0;
  height: 0;
  margin-top: -2px;
  margin-left: -4px;
  content: "";
  border-width: 5px 5px 0 5px;
  border-style: solid;
  border-color: #444 transparent transparent transparent;
	}
*/

/* Increase padding to compensate for caret */

.has-dropdown > .menu-link { padding-right: 2rem; }

/* Re-style dropdowns for larger screens */

.nav-dropdown {
  display: block;
  opacity: 0;
  position: absolute;
  top: 100%;
  width: 200px;
  margin: 0;
  padding: 0;
  background-color: #0d60ae;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.25s,  opacity 0.25s linear;
  transition: visibility 0s linear 0.25s,  opacity 0.25s linear;
	}

.nav-dropdown02 {
  display: block;
  opacity: 0;
  position: absolute;
  top: 100%;
  right: 0;
  width: 200px;
  margin: 0;
  padding: 0;
  background-color: #0d60ae;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.25s,  opacity 0.25s linear;
  transition: visibility 0s linear 0.25s,  opacity 0.25s linear;
	}

.has-dropdown:hover > .nav-dropdown {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
	}
.has-dropdown:hover > .nav-dropdown02 {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
	}

.nav-dropdown .menu-item ,
.nav-dropdown02 .menu-item { border-top: 1px solid #2275c2; }

.nav-dropdown .menu-item:hover,
.nav-dropdown02 .menu-item:hover,
 .nav-dropdown .nav-dropdown .menu-item:hover { background-color: #0072b6; }

.nav-dropdown .nav-dropdown,
 .nav-dropdown .nav-dropdown .menu-item { background-color: #0072b6; }

.nav-dropdown .nav-dropdown {
  z-index: 9998;
  top: 0;
  left: 100%;
	}
}

/*--- + ----------------------------------------------------------------- */

#gNav {
	width: 1000px;
	margin: 0 auto;
}
.nav-menu {
	display: flex;
}
.nav-menu > li {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/dotted.png) no-repeat right center;
	background-size: 1px 50px;
	flex-basis: 14.285%;
	align-self: center;
	padding: 18px 0;
}
.nav-menu > li:nth-last-child(2) {
	background: url();
}
.nav-menu > li:nth-child(2) ,
.nav-menu > li:last-child { display: none; }

@media all and (min-width: 641px) {
.nav-menu > li > .spNavi {
	display: flex;
	align-items: flex-start;
	 flex-direction: column-reverse;
	}
.nav-menu > li > .spNavi > .navt {
	align-self: center;
	font-size: 12px;
	line-height: 1.2;
	padding: 0 0 14px 0;
	}
.nav-menu > li > .spNavi > .navi {
	align-self: center;
	}
}

.nav-dropdown > .menu-item ,
.nav-dropdown02 > .menu-item {
	text-align: left;
}
.nav-dropdown > li > a ,
.nav-dropdown02 > li > a {
	font-size: 12px;
	padding: 1em 1em 1em 2.8em;
}
.nav-dropdown > li ,
.nav-dropdown02 > li {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_y.png) no-repeat 20px center;
	background-size: 6px 10px;
}


.nav ul li a:hover ,
.nav ul li a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

@media all and (min-width: 641px) and (max-width: 1000px) {
#gNav {
	width: 100%;
	margin: 0 auto;
	}
}

@media all and (max-width: 640px) {
#gNav {
	width: 100%;
	margin: 0;
	}
.nav-menu {
	display: block;
	text-align: left;
	}
.nav-menu > li {
	background: url();
	margin: 0;
	padding: 0;
	}

.nav-menu > li:nth-child(2) ,
.nav-menu > li:last-child { display: block; } /* 黄色背景 */

.nav-menu > li:nth-child(2) { background: #ffc000; }
.nav-menu > li:nth-child(2) .navt { color:  #000; }
.nav-menu > li:nth-child(2):hover,
.nav-menu > li:nth-child(2).is-active { background: #3e9ed7; }

.nav-menu > li > .spNavi {
	display:block;
	padding: 0.6em 0 0.6em 0.6em;
	}
.nav-menu > li > .spNavi > .navt {
	display:table-cell;
	font-size: 14px;
	padding: 0 0 0 0.6em;
	}
.nav-menu > li > .spNavi > .navi {
	display:table-cell;
	}
.nav-menu > li > .spNavi > .navi img {	
	height: 28px;
	}
.nav-dropdown > li a:hover ,
.nav-dropdown02 > li a:hover {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_y.png) no-repeat 20px center;
	background-size: 6px 10px;
	}

}

/* --------------------------------------------
 *                    footer-nav
 * -------------------------------------------- */

/*--- footerNavArea ----------------------------------------------------------------- */

#footerNavArea {
	display: flex;
	justify-content: space-between;
	text-align: left;
	margin: 0;
	padding: 60px 0 0 0;
}
#footerNavArea a { color: #fff; }
#footerNavArea a:hover {
	color: #4ea7dc;
	opacity: 1; filter:
	alpha(opacity=100);
}

.footerNav > ul > li {
	line-height: 2;
	margin: 0 0 14px 0;
	padding: 0 0 0 27px;
	position: relative;
}
.footerNav > ul > li:before {
	content: '○';
	font-size: 20px;
	top: 0;
	left: 0;
	margin: -7px 0 0 0;
	position: absolute;
}
.footerNav > ul > li > ul > li {
	font-size: 12px;
}
.footerNav .spNo {
	display: block;
}
.footerNav .pcNo {
	display: none;
}

@media all and (min-width: 641px) and (max-width: 1000px) {
#footerNavArea {
	justify-content: flex-start;
	flex-wrap: wrap;
	}
#footerNavArea div {
	flex-basis: 33.333%;
	}
}

@media all and (max-width: 641px) {
#footerNavArea {
	flex-direction: column;
	padding: 0;
	border-bottom: 1px solid #2b89c1;
	}
.fNav01 > ul ,
.fNav02 > ul ,
.fNav03 > ul {
	display: flex;
	flex-wrap: wrap;
	}
.fNav01 > ul > li ,
.fNav02 > ul > li ,
.fNav03 > ul > li {
	line-height: 1.4;
	margin: 0;
	padding: 0;
	position: static;
	}
.fNav01 > ul > li a ,
.fNav02 > ul > li a ,
.fNav03 > ul > li a {
	display: block;
	margin: 0;
	padding: 1em;
	}
.fNav01 > ul > li:nth-child(1) {
	flex-basis: 100%;
	text-align: center;
	}
.fNav03 > ul > li:last-child {
	flex-basis: 100%;
	text-align: center;
	border-top: 1px solid #2b89c1;
	}
.fNav01 > ul > li:nth-child(2) ,
.fNav02 > ul > li:nth-child(1n) ,
.fNav03 > ul > li:nth-child(2) {
	flex-basis: 50%;
	border-top: 1px solid #2b89c1;
	border-right: 1px solid #2b89c1;
	}
.fNav01 > ul > li:nth-child(3) ,
.fNav02 > ul > li:nth-child(2n) ,
.fNav03> ul > li:nth-child(3) {
	flex-basis: 50%;
	border-top: 1px solid #2b89c1;
	}
.footerNav > ul > li:before {
	display: none;
	}
.footerNav > ul > li > ul > li {
	display: none;
	}
.footerNav .spNo {
	display: none;
	}
.footerNav .pcNo {
	display: block;
	}
}


.fixedsp {
  position: fixed; /* スマホメニューOPEN時後ろコンテンツスクロールなし */
  width: 100%;
  height: 100%;
}




/* --------------------------------------------
 *                     index
 * -------------------------------------------- */

@media all and (min-width: 641px) {
#slider-todaySc {
	display: flex;
	flex-wrap: wrap;
	}
}
@media all and (max-width: 640px) {
#slider-todaySc {
	display: flex;
	align-items: flex-start;
	flex-direction: column-reverse;
	}
}

/*--- sliderAreaImg ----------------------------------------------------------------- */

#sliderAreaImg {
	width: 100%;
	height: 480px;
}
.slide {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/slide/slide01.jpg) no-repeat top center;
	background-size: auto 510px;
	width: 100%;
	height: 510px;
	margin: -30px auto 0 auto;
	position: absolute;
	z-index: -100;
}

@media all and (max-width: 640px) {
#sliderAreaImg {
	width: 100%;
	height: 200px;
	}
.slide {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/slide/slide01.jpg) no-repeat top center;
	background-size: auto 200px;
	width: 100%;
	height: 200px;
	margin: 0 auto;
	}
}

/*--- sliderBana ----------------------------------------------------------------- */

#sliderBana {
	width: 620px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}
.sliderBanaBox {
	text-align: center;
	margin: 0 auto;
	padding: 20px;
}

@media all and (max-width: 1000px) {

#sliderBana {
	width: 100%;
	}
}

/*--- todaySc ----------------------------------------------------------------- */

@media all and (min-width: 641px) {
#todayScArea {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	z-index: 2000;
	}
.todayScBox {
	width: 240px;
	height: 320px;
	position: absolute;
	top: 66px;
	right: 10px;
	margin: 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	box-sizing: border-box;
	background: #0072b6 url(//www.kagakukanq.com/wp-content/themes/chiba/images/index/todays_bg.png) no-repeat bottom center;
	background-size: 240px 64px;
	}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.todayScBox {
	background: #0072b6 url(//www.kagakukanq.com/wp-content/themes/chiba/images/index/todays_bg@2x.png) no-repeat bottom center;
	background-size: 240px 64px;
	}
	}
.todayStar {
	position: absolute;
	z-index: 2001;
	top: -10px;
	right: 0;
	}
}
.todayScTitle {
	margin: 0;
	padding: 10px 10px 0 10px;
}
.todayScTitle p {
	color: #ffc000;
	font-size: 16px;
}
.inlineFrame    {
	height: 194px;
	overflow: auto;
}
.todayScList {
	margin: 5px 15px 9px 15px;
	padding: 0 5px 0 0;
}
.todayScList ul {
	margin: 0;
	padding: 0;
}
.todayScList ul li {
	font-size: 12px;
	line-height: 1.2;
	margin: 0;
	padding: 0;
}
.todayScText {
	text-align: left;
	color: #fff;
	line-height: 1.4;
	margin: 0;
	padding: 10px 0 3px 0;
}
.todayScListBox {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 0;
}
.todayScListBox div {
	flex-grow: 1;
	width: 50%;
	box-sizing: border-box;
}
.todayScTime {
	background: #fff;
	text-align: center;
	margin: 0;
	padding: 4px 2px;
}
.todayScSeat {
	background: #00a8c6;
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 4px 2px;
}


.todayScMore {
	margin: 0;
	padding: 0 15px;
}



@media all and (min-width: 745px) and (max-width: 1000px) {
#todayScArea {
	width: 100%;
	}
.todayScBox {
	height: 220px;
	top: 10px;
	right: 50px;
	}
.inlineFrame    {
	height: 104px;
	}
}

@media all and (min-width: 641px) and (max-width: 744px) {
#todayScArea {
	width: 100%;
	}
.todayScBox {
	height: 190px;
	top: 10px;
	right: 50px;
	}
.inlineFrame    {
	height: 74px;
	}
}

@media all and (max-width: 640px) {
#todayScArea {
	width: 100%;
	padding: 1em;
	box-sizing: border-box;
	}
.todayScBox {
	position: relative;
	width: 100%;
	margin: 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	background: #0072b6 url(//www.kagakukanq.com/wp-content/themes/chiba/images/index/todays_bg.png) no-repeat bottom center;
	background-size: contain;
	}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.todayScBox {
	background: #0072b6 url(//www.kagakukanq.com/wp-content/themes/chiba/images/index/todays_bg@2x.png) no-repeat bottom center;
	background-size: contain;
	}
	}
.todayStar {
	position: absolute;
	z-index: 2001;
	top: -10px;
	right: 0;
	}
.inlineFrame    {
	height: 170px;
	overflow-x: hidden;
	overflow-y: scroll;
	}
.todayScList {
	margin: 0.6em 3em 1em 3em;
	padding: 0 0.5em 0 0;
	}
.todayScMore {
	margin: 0;
	padding: 0 3em 4em 3em;
	}
.inlineFrame::-webkit-scrollbar{ width: 6px; }
.inlineFrame::-webkit-scrollbar-thumb{ 
    background: #fff;
    border-radius: 10px;
}
.inlineFrame::-webkit-scrollbar-track-piece:start{ background: #59b3e9; }
.inlineFrame::-webkit-scrollbar-track-piece:end{ background: #2a91cf; }
}

/*--- tab01 ----------------------------------------------------------------- */

ul.tab01 li {
	float: left;
	width: 50%;
	text-align: center;
}
ul.tab01 li a > .tabBox {
	color: #000;
	padding: 12px 3px;
	display: block;
	background: #bed9eb;
}
ul.tab01 li a:hover {
	color: #000;
}
ul.tab01 li a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}
ul.tab01 li a.current .tabBox {
	color: #000;
	padding: 12px 3px;
	background: #ffc000;
}
.triangleYellow {
	width: 0;
	height: 0;
	text-align: center;
	margin: 0 auto;
	border-style: solid;
	border-width: 10px 9px 0 9px;
	border-color: #ffc000 transparent transparent transparent;
}
ul.tab01 li a.current .triangleYellow {
	display: block;
}
ul.tab01 li .triangleYellow {
	display: none;
}

#tabContents {
	clear: both;
}

/*--- infoAreaIndex ----------------------------------------------------------------- */

#infoAreaIndex {
	display: flex;
}
#infoAreaIndex h2 {
	flex-basis: 180px;
	margin: 0 30px 0 0;
}
#infoAreaIndex .infoListArea {
	flex-basis: 550px;
	margin: 30px 0 0 0;
}
#infoAreaIndex .infoListArea ul {
	border-bottom: 1px solid #fff;
}
#infoAreaIndex .infoListArea ul li {
	border-top: 1px solid #fff;
}
#infoAreaIndex .infoListArea ul li a {
	display: block;
	text-decoration: none;
}
#infoAreaIndex .infoListArea ul li a:hover {
	display: block;
	background: #bed9eb;
	opacity: 1;
	filter: alpha(opacity=100);
}

#infoAreaIndex .infoListBox {
	display: flex;
}
#infoAreaIndex .infoListBox .infoListCate {
	flex-basis: 120px;
	margin: 20px 20px 20px 0;
}
#infoAreaIndex .infoListBox .infoListCate .infoCateLabel {
	color: #fff;
	font-size: 12px;
	text-align: center;
	margin: 0;
	padding: 3px;
}
#infoAreaIndex .infoListBox .infoCateText {
	flex-basis: 400px;
	color: #000;
	padding: 20px 0;
}

@media all and (max-width: 640px) {
#infoAreaIndex {
	display: block;
	}
#infoAreaIndex h2 {
	flex-basis: auto;
	width: 100px;
	text-align: center;
	margin: 0 auto 1em auto;
	}
#infoAreaIndex .infoListArea {
	flex-basis: auto;
	margin: 0;
	}
#infoAreaIndex .infoListBox {
	flex-wrap: wrap;
	}
#infoAreaIndex .infoListBox .infoListCate {
	flex-basis: 50%;
	margin: 1em 0 0 0;
	display: block;
	}
#infoAreaIndex .infoListBox .infoCateText {
	flex-basis: 100%;
	color: #000;
	padding: 1em 0;
	}
}

/* --------------------------------------------
 *                articleListArea
 * -------------------------------------------- */

/*--- articleListArea01 ----------------------------------------------------------------- */

.articleListArea01 {
	display: flex;
	flex-wrap: wrap;
	padding: 10px 0 0 0;
}
.articleListArea01 article {
	display: flex;
	flex-basis: 220px;
	margin: 0 20px 20px 0;
	position: relative;
}
.articleListArea01 article a {
	background: #fff;
	width: 100%;
	text-decoration: none !important;
}

@media all and (min-width: 1001px) {
.articleListArea01 article:nth-child(3n) {
	margin: 0 0 20px 0;
	}
}
.articleListArea01 .articleListImg {
	width: auto;
	min-height: 120px;
	overflow: hidden;
	position: relative;
}
.articleListArea01 .articleListImg img {
	position: absolute;
	left: -100%;
	right: -100%;
	margin: auto;
	width: 100%;
	height: auto;
}
.articleListArea01 .articleListText {
	width: auto;
	padding: 15px;
}
.articleListArea01 article a .articleListText {
	color: #000;
}
.articleListArea01 article a:hover ,
.articleListArea01 article a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

@media all and (max-width: 1000px) {
.articleListArea01 {
	justify-content: space-between;
	}
.articleListArea01 article {
	flex-basis: 48%;
	margin: 0 0 20px 0;
	position: relative;
	}
}

/*--- articleListArea02 ----------------------------------------------------------------- */

.articleListArea02 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px 0 0 0;
}
.articleListArea02 article {
	display: flex;
	flex-basis: 48.5%;
	margin: 0 0 20px 0;
	position: relative;
}
.articleListArea02 article a {
	background: #fff;
	width: 100%;
	text-decoration: none !important;
}
#second .articleListArea02 article a {
	background: #f2f6f9;
	width: 100%;
	text-decoration: none !important;

}
.articleListArea02 .articleListImg {
	width: auto;
	min-height: 185px;
	overflow: hidden;
	position: relative;
}
.articleListArea02 .articleListImg img {
	position: absolute;
	left: -100%;
	right: -100%;
	margin: auto;
	width: 100%;
	height: auto;
}
.articleListArea02 .articleListText {
	padding: 15px;
}
.articleListArea02 article a .articleListText {
	color: #000;
	text-decoration: none !important;
}
.articleListArea02 article a:hover ,
.articleListArea02 article a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}
.articleListText p:first-child {
	padding: 0 0 10px 0;
}
.articleListText p:nth-child(2) {
	padding: 0 0 20px 0;
}
.articleListText p:nth-child(3) {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

@media all and (max-width: 1000px) {
.articleListArea02 article {
	flex-basis: 48%;
	}
.articleListArea02 .articleListImg {
	min-height: 120px;
	}

}

/* Reveal */
.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
}
.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #bed9eb;
  border-style: solid;
  border-width: 0;
  -webkit-transition-property: border-width;
  transition-property: border-width;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  display: block;
}
.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 4px;
  display: block;
}

/*--- cateLabel ----------------------------------------------------------------- */

.cateLabel {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	color: #fff;
	font-size: 12px;
	margin: 0;
	
}
.cateLabel p {
	padding: 3px 10px;
}
.eventCateKikaku { background: #00a8c6; }
.eventCateKouza { background: #15b69d; }
.eventCateWork { background: #8fb64a; }
.eventCateEtc { background: #0396db; }
.eventCateNews { background: #0054a3; }

/* --------------------------------------------
 *                     second
 * -------------------------------------------- */

/*--- pageNavLink ----------------------------------------------------------------- */

.pageNavLink ul {
	display: flex;
	flex-wrap: wrap;
}
.pageNavLink ul li {
	flex-basis: 28%;
	display: flex;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/* IE10以降 */
@media all and (-ms-high-contrast:none){
.pageNavLink ul li {
	flex-basis: 27%;
	}
}
 
/* IE11だけに適用 */
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop,.pageNavLink ul li {
	flex-basis: 27%;
	}
}

.pageNavLink ul li p {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.pageNavLink ul li p a {
	width: 100%;
	color: #000;
	padding: 8px 12px 8px 30px;
}
.pageNavLink ul li:nth-child(1) ,
.pageNavLink ul li:nth-child(5) {
	flex-basis: 16%;
}
.pageNavLink ul li:nth-child(4) ,
.pageNavLink ul li:nth-child(8) {
	border-right: none;
}
.pageNavLink ul li:nth-child(1) {
	background: #0396db;
	color: #fff;
}

.pageNavLink ul li.pageNavInfo {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_num_i.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w_btm.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.pageNavLink ul li.pageNavInfo {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_num_i@2x.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w_btm@2x.png);
	background-size: 30px 30px,
					15px 6px;
	}
}
.pageNavLink ul li.pageNav01 ,
.pageNavLink02 ul li.pageNav01 ,
.pageNavLink03 ul li.pageNav01 {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_num01.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w_btm.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.pageNavLink ul li.pageNav01 ,
.pageNavLink02 ul li.pageNav01 ,
.pageNavLink03 ul li.pageNav01 {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_num01@2x.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w_btm@2x.png);
	background-size: 30px 30px,
					15px 6px;
	}
}
.pageNavLink ul li.pageNav02 ,
.pageNavLink02 ul li.pageNav02 ,
.pageNavLink03 ul li.pageNav02 {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_num02.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w_btm.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.pageNavLink ul li.pageNav02 ,
.pageNavLink02 ul li.pageNav02 ,
.pageNavLink03 ul li.pageNav02 {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_num02@2x.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w_btm@2x.png);
	background-size: 30px 30px,
					15px 6px;
	}
}
.pageNavLink ul li.pageNav03 ,
.pageNavLink02 ul li.pageNav03 ,
.pageNavLink03 ul li.pageNav03 {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_num03.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w_btm.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.pageNavLink ul li.pageNav03 ,
.pageNavLink02 ul li.pageNav03 ,
.pageNavLink03 ul li.pageNav03 {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_num03@2x.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w_btm@2x.png);
	background-size: 30px 30px,
					15px 6px;
	}
}
.pageNavLink ul li.pageNav04 ,
.pageNavLink02 ul li.pageNav04 ,
.pageNavLink03 ul li.pageNav04 {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_num04.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w_btm.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.pageNavLink ul li.pageNav04 ,
.pageNavLink02 ul li.pageNav04 ,
.pageNavLink03 ul li.pageNav04 {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_num04@2x.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w_btm@2x.png);
	background-size: 30px 30px,
					15px 6px;
	}
}
.pageNavLink ul li.pageNav05 ,
.pageNavLink02 ul li.pageNav05 ,
.pageNavLink03 ul li.pageNav05 {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_num05.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w_btm.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.pageNavLink ul li.pageNav05 ,
.pageNavLink02 ul li.pageNav05 ,
.pageNavLink03 ul li.pageNav05 {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_num05@2x.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w_btm@2x.png);
	background-size: 30px 30px,
					15px 6px;
	}
}
.pageNavLink ul li.pageNav06 ,
.pageNavLink02 ul li.pageNav06 ,
.pageNavLink03 ul li.pageNav06 {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_num06.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w_btm.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.pageNavLink ul li.pageNav06 ,
.pageNavLink02 ul li.pageNav06 ,
.pageNavLink03 ul li.pageNav06 {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_num06@2x.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w_btm@2x.png);
	background-size: 30px 30px,
					15px 6px;
	}
}
.pageNavLink02 ul li.pageNav07 ,
.pageNavLink03 ul li.pageNav07 {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_num07.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w_btm.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.pageNavLink02 ul li.pageNav07 ,
.pageNavLink03 ul li.pageNav07 {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_num07@2x.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w_btm@2x.png);
	background-size: 30px 30px,
					15px 6px;
	}
}
.pageNavLink02 ul li.pageNav08 ,
.pageNavLink03 ul li.pageNav08 {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_num08.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w_btm.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.pageNavLink02 ul li.pageNav08 ,
.pageNavLink03 ul li.pageNav08 {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_num08@2x.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w_btm@2x.png);
	background-size: 30px 30px,
					15px 6px;
	}
}
.pageNavLink02 ul li.pageNav09 ,
.pageNavLink03 ul li.pageNav09 {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_num09.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w_btm.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.pageNavLink02 ul li.pageNav09 ,
.pageNavLink03 ul li.pageNav09 {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_num09@2x.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w_btm@2x.png);
	background-size: 30px 30px,
					15px 6px;
	}
}

.pageNavLink ul li.pageNavInfo {
	background-color: #1dd2b6;
	background-repeat: no-repeat,
						no-repeat;
	background-position: -6px center,
						right center;
}
.pageNavLink ul li.pageNav01 ,
.pageNavLink ul li.pageNav02 ,
.pageNavLink ul li.pageNav03 ,
.pageNavLink ul li.pageNav04 ,
.pageNavLink ul li.pageNav05 ,
.pageNavLink ul li.pageNav06 ,
.pageNavLink02 ul li.pageNav01 ,
.pageNavLink02 ul li.pageNav02 ,
.pageNavLink02 ul li.pageNav03 ,
.pageNavLink02 ul li.pageNav04 ,
.pageNavLink02 ul li.pageNav05 ,
.pageNavLink02 ul li.pageNav06 ,
.pageNavLink02 ul li.pageNav07 ,
.pageNavLink02 ul li.pageNav08 ,
.pageNavLink02 ul li.pageNav09 ,
.pageNavLink03 ul li.pageNav01 ,
.pageNavLink03 ul li.pageNav02 ,
.pageNavLink03 ul li.pageNav03 ,
.pageNavLink03 ul li.pageNav04 ,
.pageNavLink03 ul li.pageNav05 ,
.pageNavLink03 ul li.pageNav06 ,
.pageNavLink03 ul li.pageNav07 ,
.pageNavLink03 ul li.pageNav08 ,
.pageNavLink03 ul li.pageNav09 {
	background-color: #ffc000;
	background-repeat: no-repeat,
						no-repeat;
	background-position: -6px center,
						right center;
}

@media all and (max-width: 640px) {
.pageNavLink ul li {
	flex-basis: 100%;
	display: block;
	border-right: none;
	border-bottom: 1px solid #fff;
	}
.pageNavLink ul li:nth-child(1) ,
.pageNavLink ul li:nth-child(5) {
	flex-basis: 100%;
	}
.pageNavLink ul li:nth-child(1) { order: 1; }
.pageNavLink ul li:nth-child(2) { order: 3; }
.pageNavLink ul li:nth-child(3) { order: 4; }
.pageNavLink ul li:nth-child(4) { order: 5; }
.pageNavLink ul li:nth-child(5) { order: 2; }
.pageNavLink ul li:nth-child(6) { order: 6; }
.pageNavLink ul li:nth-child(7) { order: 7; }
.pageNavLink ul li:nth-child(8) { order: 8; }
}

/*--- pageNavLink02 ----------------------------------------------------------------- */

.pageNavLink02 ul {
	display: flex;
	flex-wrap: wrap;
}
.pageNavLink02 ul li {
	flex-basis: 33.3333%;
	display: flex;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	box-sizing: border-box;
}

/* IE10以降 */
@media all and (-ms-high-contrast:none){
.pageNavLink02 ul li {
	flex-basis: 33.12%;
	}
}
 
/* IE11だけに適用 */
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop,.pageNavLink02 ul li  {
	flex-basis: 33.12%;
	}
}

.pageNavLink02 ul li p {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.pageNavLink02 ul li p a {
	width: 100%;
	color: #000;
	padding: 8px 12px 8px 30px;
}
.pageNavLink02 ul li:nth-child(4) ,
.pageNavLink02 ul li:nth-child(7) ,
.pageNavLink02 ul li:nth-child(10) {
	border-right: none;
}
.pageNavLink02 ul li:nth-child(1) {
	flex-basis: 100%;
	background: #0396db;
	color: #fff;
	border-right: none;
}

@media all and (max-width: 640px) {
.pageNavLink02 ul li {
	flex-basis: 50%;
	}
.pageNavLink02 ul li:nth-child(4) ,
.pageNavLink02 ul li:nth-child(10) {
	border-right: 2px solid #fff;
	}
.pageNavLink02 ul li:nth-child(2n+1) {
	border-right: none;
	}
}

/*--- pageNavLink03 ----------------------------------------------------------------- */

.pageNavLink03 ul {
	display: flex;
	flex-wrap: wrap;
}
.pageNavLink03 ul li {
	flex-basis: 50%;
	display: flex;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	box-sizing: border-box;
}

/* IE10以降 */
@media all and (-ms-high-contrast:none){
.pageNavLink03 ul li {
	flex-basis: 49.5%;
	}
}
 
/* IE11だけに適用 */
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop,.pageNavLink03 ul li  {
	flex-basis: 49.5%;
	}
}

.pageNavLink03 ul li p {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.pageNavLink03 ul li p a {
	width: 100%;
	color: #000;
	padding: 8px 12px 8px 30px;
}
.pageNavLink03 ul li:nth-child(3) ,
.pageNavLink03 ul li:nth-child(5) ,
.pageNavLink03 ul li:nth-child(7) {
	border-right: none;
}
.pageNavLink03 ul li:nth-child(1) {
	flex-basis: 100%;
	background: #0396db;
	color: #fff;
	border-right: none;
}

@media all and (max-width: 640px) {
.pageNavLink03 ul li {
	flex-basis: 100%;
	display: flex;
	border-right: none;
	border-bottom: 2px solid #fff;
	}
}

/*--- infoAreaSecond ----------------------------------------------------------------- */

#infoAreaSecond {
	display: flex;
}
#infoAreaSecond h3 {
	width: 120px;
	margin: 0 20px 0 0;
}
#infoAreaSecond .infoListArea {
	flex: 1;
	margin: 0;
}
#infoAreaSecond .infoListArea ul {
	border-bottom: 1px solid #dde9f1;
}
#infoAreaSecond .infoListArea ul li {
	border-top: 1px solid #dde9f1;
}
#infoAreaSecond .infoListArea ul li a {
	display: block;
	text-decoration: none;
}
#infoAreaSecond .infoListArea ul li a:hover {
	display: block;
	background: #dde9f1;
	opacity: 1;
	filter: alpha(opacity=100);
}
#infoAreaSecond .infoListBox {
	color: #000;
	padding: 20px 10px;
}

@media all and (max-width: 640px) {
#infoAreaSecond {
	display: block;
	}
#infoAreaSecond h3 {
	flex-basis: auto;
	width: 100px;
	text-align: center;
	margin: 0 auto 1em auto;
	}
#infoAreaSecond .infoListArea {
	flex-basis: auto;
	margin: 0;
	}
#infoAreaSecond .infoListBox .infoListCate {
	flex-basis: 20%;
	margin: 1em 3% 1em 0;
	}
#infoAreaSecond .infoListBox .infoCateText {
	flex-basis: 77%;
	color: #000;
	padding: 1em 0;
	}
}

/*--- bgCreenArea ----------------------------------------------------------------- */

.bgCreenArea01 ,
.bgCreenArea02 {
	background: #15b69d;
	color: #fff;
	margin: 0;
	padding: 30px 40px 20px 40px;
	position: relative;
}
.bgCreenArea01 {
	border-radius: 0 0 6px 6px;
}
.bgCreenArea01:after ,
.bgCreenArea02:after {
	width: 0;
	height: 0;
	top: 0;
	left: 50%;
	content: " ";
	position: absolute;
	border-style: solid;
	pointer-events: none;
	border-width: 14px 14px 0 14px;
	border-color: #fff transparent transparent transparent;
	margin-left: -14px;
}
.bgGreenList ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.bgGreenList ul li {
	flex-basis: 48%;
	margin: 0 0 20px 0;
	border: 1px solid #fff;
	display: flex;
}
.bgGreenList ul li p {
	font-size: 16px;
	padding: 10px 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.bgGreenList ul li p:first-child {
	flex-basis: 35%;
	color: #15b69d;
	background: #fff;
}
.bgGreenList ul li p:last-child {
	flex-basis: 65%;
}
.bgGreenList ul li p i {
	margin-right: 5px;
}
.bgGreenList ul li p a {
	color: #fff;
	text-decoration: none;
}

@media all and (max-width: 640px) {
.bgCreenArea01 {
	padding: 2em 1em 0 1em;
	}
.bgGreenList ul li {
	flex-basis: 100%;
	margin: 0 0 1em 0;
	}
}

/* --------------------------------------------
 *                          article
 * -------------------------------------------- */

article .articleText p {
	line-height: 1.8;
	margin: 0;
	padding: 0 0 1.2em 0;
}

.eyeCatch {
	margin: 0 0 1.5em 0;
}

/*--- articleBtm ----------------------------- */

.articleBtm {
	display: flex;
	justify-content: flex-end;
	margin: 2em 0 0 0;
	padding: 2em 0 2.5em 0;
	border-top: 1px dotted #ccc;
}
.articleBtm02 {
	display: flex;
	justify-content: flex-end;
	margin: 0;
	padding: 2em 0;
}
.articleDay {
	margin: 0.2em 0 0 1em;
}
.articleDay p {
	margin: 0;
	padding: 0;
}
.cateIcon {
	min-width: 100px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	margin: 0 0 0.5em 0.5em;
	padding: 0.3em 0 0.2em 0;
}
.cateIcon p a {
	color: #fff;
	display: block;
	text-decoration: none;
}

.info-event ,
.pickup-event { background: #00a8c6; padding: 3px 10px; }
.info-news ,
.pickup-planetarium,.pickup-planetarium,.eventCate-planetarium { background: #0054a3; padding: 3px 10px; }
.info-etc ,
.pickup-etc { background: #0396db; padding: 3px 10px;}
.pickup-workshop,.eventCate-workshop,.pickup-koen { background: #8fb64a; padding: 3px 10px;}
.pickup-kikaku,.eventCate-kikaku { background: #106ac6; padding: 3px 10px;}
.eventCate-koen ,.eventCate-program,.pickup-program  { background: #15b69d; padding: 3px 10px;}
.pickup-show,.eventCate-show,.eventCate-special { background: #1fb60f; padding: 3px 10px; }

article .articleText p.eventCate-show,
article .articleText p.eventCate-planetarium,
article .articleText p.eventCate-workshop,
article .articleText p.eventCate-kikaku,
article .articleText p.eventCate-program{padding:0;}
.pickup-show,
p.pickup-koen,
p.pickup-program,
p.pickup-workshop,
p.pickup-planetarium{padding:0 !important;}


@media all and (max-width: 640px) {
.articleBtm {
	align-items: flex-end;
	flex-wrap: wrap;
	margin: 1em 0 0 0;
	padding: 1em 0 2em 0;
	}
.cateBox {
	max-width: 100%;
	order: 2;
	}
.articleDay {
	margin: 0 0 0.5em 0;
	max-width: 100%;
	order: 1;
	 }
}

/*--- prevNext ----------------------------- */

#prevNext a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
#prevNext {
	width: 100%;
	margin: 0;
	padding: 0;
	display: table;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#prevNext a {
	color: #000;
}
#prevNext  #prev, #prevNext  #next {
	width: 44%;
	padding: 30px 10px 15px;
	display: table-cell;
	position: relative;
	text-decoration: none;
	box-sizing: border-box;
}
#prevNext #prevNextCenter {
	width: 12%;
	padding: 0;
	vertical-align: middle;
	display: table-cell;
	position: relative;
	text-decoration: none;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	box-sizing: border-box;
}
#prevNext #prev p {
	text-align: left;
}
#prevNext #next p {
	text-align: right;
}
#prevNext #prevNextCenter p ,
#prevNext #prevNextHome p {
	text-align: center;
}
#prevNext #prev:hover,
#prevNext #next:hover,
#prevNext #prevNextCenter:hover ,
#prevNext #prevNextHome:hover {
	background-color: #dde9f1;
}
#prevNext #prevTitle, #prevNext #nextTitle {
	font-size: 90%;
	top: -1em;
	position: absolute;
	background: #0072b6;
	text-align: center;
	padding: 3px;
	color: #fff;
	border-radius: 6px;
}
#prevNext #nextTitle {
	right: 10px;
}
#prevNext #prev img, #prevNext #next img {
	margin: 0 auto;
	border: 5px solid #fff;
}
#prevNext #prevNextHome {
	width: 44%;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
}

@media only screen and (min-width: 1000px) {
#prevNext #prev, #prevNext #prev::before, #prevNext #prev::after,
#prevNext #next, #prevNext #next::before, #prevNext #next::after,
#prevNext #prevNextCenter, #prevNext #prevNextCenter::before, #prevNext #prevNextCenter::after ,
#prevNext #prevNextHome, #prevNext #prevNextHome::before, #prevNext #prevNextHome::after {	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	}
#prevNext #prevTitle, #prevNext #nextTitle{
	padding: 3px 10px;
	}
#prevNext #nextTitle{
	right:10px;
	}
#prevNext #prev img{
	float:left;
	margin-right:10px
	}
#prevNext #next img{
	float:right;
	margin-left: 10px;
	}
}

/*--- infoArchive ----------------------------------------------------------------- */

#infoArchive .infoListArea ul {
	border-bottom: 1px solid #dde9f1;
}
#infoArchive .infoListArea ul li {
	border-top: 1px solid #dde9f1;
}
#infoArchive .infoListArea ul li a {
	display: block;
	text-decoration: none;
}
#infoArchive .infoListArea ul li a:hover {
	display: block;
	background: #dde9f1;
	opacity: 1;
	filter: alpha(opacity=100);
}

#infoArchive .infoListBox {
	display: flex;
}
#infoArchive .infoListBox .infoListCate {
	flex-basis: 120px;
	margin: 20px 20px 20px 0;
}
#infoArchive .infoListBox .infoListCate .infoCateLabel {
	color: #fff;
	font-size: 12px;
	text-align: center;
	margin: 0;
	padding: 0;
}
#infoArchive .infoListBox .infoCateText {
	flex: 1;
	color: #000;
	padding: 20px 0;
}

@media all and (max-width: 640px) {
#infoArchive .infoListArea {
	flex-basis: auto;
	margin: 0;
	}
#infoArchive .infoListBox {
	flex-wrap: wrap;
	}
#infoArchive .infoListBox .infoListCate {
	flex-basis: 50%;
	margin: 1em 0 0 0;
	display: block;
	}
#infoArchive .infoListBox .infoCateText {
	flex-basis: 100%;
	color: #000;
	padding: 1em 0;
	}
}

/*--- cateListAll ----------------------------- */

.cateListAllArea {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.cateListTit {
	flex-basis: 50px;
	font-size: 12px;
	margin: 0 0.5em 0 0;
}
.cateListAll {
	flex: 1;
}
.cateListAll ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}
.cateListAll ul li {
	margin: 0.25em;
	padding: 0;
}
.cateListMore {
	flex-basis: 140px;
	margin-left: auto;
}

@media only screen and (max-width: 780px) {
.cateListAllArea {
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	}
.cateListTit {
	flex-basis: 100%;
	text-align: center;
	margin: 0 0 0.5em 0;
	}
.cateListAll {
	flex-basis: 100%;
	}
.cateListAll ul {
	justify-content: center;
}
.cateListMore {
	flex-basis: 100%;
	margin: 1em 0 0 0;
	}
}

/* --------------------------------------------
*                      pagination
* -------------------------------------------- */

.paginationArea {
	clear: both;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.pagination {
	position: relative;
	font-size: 14px;
	line-height: 13px;
	margin: 0 0 10px 0;
	padding: 0;
	left: 50%;
	float: left;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 6px 2px 0;
	padding: 6px 8px 5px 8px;
	text-decoration: none;
	width: auto;
	color: #fff;
	background-color: #0054a3;
	border-radius: 50%;
	position: relative;
	left: -50%;
	float: left;
}
.pagination a:hover {
	color: #fff;
	background-color: #00a8c6;
	border-radius: 50%;
}
.pagination .current {
	padding: 5px 7px;
	color: #000;
	background-color: #fff;
	border: 1px solid #0054a3;
	border-radius: 50%;
}
.pagination span:nth-child(1) {
	color: #fff;
	background-color: #0054a3;
	border-radius: 30px;
}

@media only screen and (max-width: 780px) {
.pagination {
	font-size: 11px;
	line-height: 13px;
	}
.pagination span, .pagination a {
	padding: 6px 9px 5px 9px;
	}
.pagination .current {
	padding: 5px 7px;
	}
}

/* --------------------------------------------
 *                       floor
 * -------------------------------------------- */

/*--- clickableMap ----------------------------- */

.clickableMap {
	margin: 0 0 1em 0;
}

/*--- floorMenu ----------------------------- */

.floorMenu ul {
	display: flex;
	flex-wrap: wrap;
}
.floorMenu ul li {
	width: 50%;
}
.floorMenu .floorBox {
}
.floorMenu .floorBox a {
	display: flex;
	color: #fff;
	padding: 20px 20px;
}

.floorMenu .f10 a {
	background: #15b69d;
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w2.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/floor_bg_chara10f.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.floorMenu .f10 a {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w2@2x.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/floor_bg_chara10f@2x.png);
	}
}
.floorMenu .f9 a {
	background: #0396db;
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w2.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/floor_bg_chara9f.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.floorMenu .f9 a {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w2@2x.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/floor_bg_chara9f@2x.png);
	}
}
.floorMenu .f8 a {
	background: #ff4949;
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w2.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/floor_bg_chara8f.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.floorMenu .f8 a {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w2@2x.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/floor_bg_chara8f@2x.png);
	}
}
.floorMenu .f7a a {
	background: #0072b6;
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w2.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/floor_bg_chara7f.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.floorMenu .f7a a {
	background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w2@2x.png),
						url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/floor_bg_chara7f@2x.png);
	}
}
.floorMenu .f7b a {
	background: #0054a3 url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w2.png) no-repeat right center;
	background-size: 34px 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.floorMenu .f7b a {
	background: #0054a3 url(//www.kagakukanq.com/wp-content/themes/chiba/images/common/icon_more_w2@2x.png) no-repeat right center;
	background-size: 34px 24px;
	}
}

.floorMenu .f10 a ,
.floorMenu .f9 a ,
.floorMenu .f8 a ,
.floorMenu .f7a a {
	background-size: 34px 24px,
					150px 240px;
	background-repeat: no-repeat,
						no-repeat;
	background-position: right center,
						right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.floorMenu .f10 a ,
.floorMenu .f9 a ,
.floorMenu .f8 a ,
.floorMenu .f7a a {
	background-size: 34px 24px,
					150px 240px;
	background-repeat: no-repeat,
						no-repeat;
	background-position: right center,
						right center;
	}
}

.floorMenu .floorNum {
	flex-basis: 40px;
	width: 40px;
	height: 40px;
	margin: 0 10px 0 0;
	border: 1px solid #fff;
	border-radius: 50%;
}
.floorMenu .floorNum p {
	text-align: center;
}
.floorMenu .floorNum p span {
	font-size: 26px;
}
.floorMenu .floorTextBox {
	flex: 1;
}
.floorMenu .floorTitle {
	font-size: 18px;
	line-height: 1.4;
}
.floorMenu .floorTitleEn {
	font-family: 'Questrial', sans-serif;
	line-height: 1;
	padding: 0 0 0.8em 0;
}
.floorMenu .floorText {
	font-size: 16px;
	line-height: 1.4;
	padding: 0;
}

@media only screen and (max-width: 767px) {
.floorMenu ul li {
	width: 100%;
	}
}
@media only screen and (max-width: 460px) {
.floorMenu .floorText {
	font-size: 12px;
	line-height: 1.4;
	}
}

/*--- floorMap ----------------------------- */

.floorMap {
	margin-bottom: 20px;
}
.bg08f { background: #f1e5e6; border-radius: 6px; }
.bg09f { background: #c0e9f1; border-radius: 6px; }
.bg10f { background: #c6f1e2; border-radius: 6px; }

/*--- floorMapIcon ----------------------------- */

.floorMapIcon ul {
	display: flex;
	flex-wrap: wrap;
}
.floorMapIcon ul li {
	width: 33%;
	margin: 0 0 10px 0;
}
.floorMapIcon ul li img {
	margin: 0 6px 0 0;
	vertical-align: middle;
}

@media only screen and (max-width: 767px) {

.floorMapIcon ul li {
	width: auto;
	margin-right: 10px;
	}
.floorMapIcon ul li]nth-child(3) {
	flex-grow: 1;
	}
}

@media only screen and (max-width: 640px) {
.floorMapIcon {
	font-size: 12px;
	}
}

/*--- bgChara ----------------------------- */

.bgChara01 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara01.png) no-repeat right 50px bottom 40px;
	background-size: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.bgChara01 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara01@2x.png) no-repeat right 50px bottom 40px;
	background-size: 140px auto;
	}
}

.bgChara02 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara02.png) no-repeat right 50px bottom 40px;
	background-size: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.bgChara02 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara02@2x.png) no-repeat right 50px bottom 40px;
	background-size: 180px auto;
	}
}

.bgChara03 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara03.png) no-repeat right 50px bottom 40px;
	background-size: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.bgChara03 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara03@2x.png) no-repeat right 50px bottom 40px;
	background-size: 200px auto;
	}
}

.bgChara04 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara04.png) no-repeat right 50px bottom 40px;
	background-size: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.bgChara04 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara04@2x.png) no-repeat right 50px bottom 40px;
	background-size: 168px auto;
	}
}

.bgChara05 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara05.png) no-repeat right 50px bottom 40px;
	background-size: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.bgChara05 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara05@2x.png) no-repeat right 50px bottom 40px;
	background-size: 168px auto;
	}
}

.bgChara06 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara06.png) no-repeat right 50px bottom 40px;
	background-size: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.bgChara06 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara06@2x.png) no-repeat right 50px bottom 40px;
	background-size: 162px auto;
	}
}

.bgChara07 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara07.png) no-repeat right 50px bottom 40px;
	background-size: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.bgChara07 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara07@2x.png) no-repeat right 50px bottom 40px;
	background-size: 185px auto;
	}
}

.bgChara08 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara08.png) no-repeat right 50px bottom 40px;
	background-size: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.bgChara08 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara08@2x.png) no-repeat right 50px bottom 40px;
	background-size: 193px auto;
	}
}

.bgChara09 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara09.png) no-repeat right 50px bottom 40px;
	background-size: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.bgChara09 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara09@2x.png) no-repeat right 50px bottom 40px;
	background-size: 119px auto;
	}
}

.bgChara10 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara10.png) no-repeat right 50px bottom 40px;
	background-size: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.bgChara10 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara10@2x.png) no-repeat right 50px bottom 40px;
	background-size: 104px auto;
	}
}

.bgChara11 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara11.png) no-repeat right 50px bottom 40px;
	background-size: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.bgChara11 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara11@2x.png) no-repeat right 50px bottom 40px;
	background-size: 141px auto;
	}
}

.bgChara12 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara12.png) no-repeat right 50px top 0;
	background-size: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.bgChara12 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara12@2x.png) no-repeat right 50px top 0;
	background-size: 144px auto;
	}
}

.bgChara13 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara13.png) no-repeat right 50px bottom 40px;
	background-size: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.bgChara13 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara13@2x.png) no-repeat right 50px bottom 40px;
	background-size: 143px auto;
	}
}

.bgChara14 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara14.png) no-repeat right 50px bottom 40px;
	background-size: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.bgChara14 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara14@2x.png) no-repeat right 50px bottom 40px;
	background-size: 123px auto;
	}
}

.bgChara15 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara15.png) no-repeat right 50px bottom 40px;
	background-size: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.bgChara15 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara15@2x.png) no-repeat right 50px bottom 40px;
	background-size: 136px auto;
	}
}

.bgChara16 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara16.png) no-repeat right 50px bottom 40px;
	background-size: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
.bgChara16 {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/pages/bg_chara16@2x.png) no-repeat right 50px bottom 40px;
	background-size: 124px auto;
	}
}

@media only screen and (max-width: 640px) {
.bgChara01 , .bgChara02 , .bgChara03 , .bgChara04 , .bgChara05 , .bgChara06 , .bgChara07 , .bgChara08 , .bgChara09 , .bgChara10 , .bgChara11 , .bgChara12 , .bgChara13 , .bgChara14 , .bgChara15 , .bgChara16 {
	background-position: right 10px bottom 20px;
	}
}

/*--- floorPhotoText ----------------------------- */

.floorPhotoText {
	display: flex;
}
.floorPhotoText .floorPhoto {
	width: 165px;
	margin: 0 15px 15px 0;
}
.floorPhotoText .floorPhotoList {
}

/* --------------------------------------------
 *                       guide
 * -------------------------------------------- */

/*--- ggmap ----------------------------- */

.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 20px;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.maps{
	margin: 0 0 20px 0;
	border-radius: 6px;
}





/*kurita_write*/
.subTitle_02line {
	line-height:1em;
}
.flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.text_left30 {
	padding:0 0 0 30px;
}
/*---------- pager -------*/
.pager {
	overflow: hidden;
	margin:0 auto 30px;
} 
.pager ul {
	list-style: none;
	position: relative;
	left: 50%;
	float: left;
} 
.pager ul li {
	margin: 0 1px;
	position: relative;
	left: -50%;
	float: left;
} 
.pager ul li span,
.pager ul li a {
	display: block;
	padding: 0.5em 0.8em;
	border-radius: 3px;
} 
.pager ul li a {
	background: #bed9eb;
	text-decoration: none;
} 
.pager ul li a:hover {
	background: #ffc000;
	color:#000000;
}

/*---------- photo -------*/
.photolist li {
	margin:10px 15px 5px;
}
.photolist li span {
	max-width:268px;
	display:block;
}
/*---------- bgGreenList -------*/
.bgGreenList ul li.volunteer_contact {
	flex-basis:100%;
}
.bgGreenList ul li.volunteer_contact p:first-child {
 flex-basis: 45%;
}
/*---------- table -------*/
.table_worksheetList {
	width:100%;
 border-collapse: collapse;
 border-spacing: 0;
}
.table_worksheetList caption {
	display:none;
}
.table_worksheetList th,
.table_worksheetList td {
	padding:5px 10px;

}
.table_worksheetList th {
	background:#bed9eb;
	border-right:1px solid #ffffff;
}
.wsl_th05 {
	width:5%;
}
.wsl_th08 {
	width:8%;
}
.wsl_th22 {
	width:22%;
}
.wsl_th35 {
	width:35%;
}
.table_worksheetList td {
	border-right:1px solid #bed9eb; 
}
.table_worksheetList td:last-of-type {
	border-right:none;
}
.table_worksheetList tr {
	border-bottom:1px solid #bed9eb; 
}
.table_worksheetList tr:last-of-type {
	border-bottom:none;
}
@media screen and (max-width: 767px) {
.table_worksheetList thead {
	display: none;
}
.table_worksheetList tr {
	border-bottom: 2px solid #bed9eb;
	display: block;
}
.table_worksheetList td {
	border-bottom: 1px solid #bed9eb;
	border-right:none;
	display: block;
}
.table_worksheetList td:before {
	content: attr(aria-label);
	float: left;
	padding:0 15px 0 0;
}
}
@media all and (max-width: 640px) {
.bgGreenList ul li.volunteer_contact {
	display:block;
}
.bgGreenList ul li.volunteer_contact p:first-child {
 flex-basis: 100%;
}
}

/*------------------------------------------------------
calendar
--------------------------------------------------------*/

/*calendar-nav*/

.calendar-nav ul{ 
    display: flex;
    justify-content: space-between;
    max-width: 320px;
    padding:0;
    margin:0 auto;
}

.calendar-nav ul li{
    padding:5px 20px;
    min-width: 110px;
    max-width: 150px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

/*当月*/
.calendar-nav ul li.this{
    background-color: #ffc000;
    border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
    margin-right: 20px;
}

/*翌月*/
.calendar-nav ul li.next{
    border: 1px solid #ffc000;
    border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
}

.calendar-nav ul li.next a{
    color:#000;
    text-decoration: none;
}

.calendar-nav ul li.next a:after{
    content: "＞";
    color: #ffc000;
    text-align: right;
    font-size: 12px;
}



.calendarWeek tr th{
    padding:3.12%;
}

.calendarWeek table tr th.sat{color:#0054a3;}
.calendarWeek table tr th.sun{color:#ff4949;}

/*------------------------------------------------------
calendar　week day
--------------------------------------------------------*/
.calendarWeek table,
.calendarday table{
    width: 100%;
}

.calendarday table,
.calendarday table tr td{
    border: none;
}

.calendarday table tr td{
    padding:3.12%;
    background-color: #dde9f1;
    border:1px solid #fff;
    text-align: center;
    font-weight: bold;
    
}

.calendarday table tr td:hover,
.calendarday table tr td.active{
    background-color: #ffc000;
}

.calendarday table tr td a{
    color:#000;
    text-decoration: none;
    display: block;
	/*
    font-size: 1.2em;
    height: 2.2em;
	*/
}

.calendarday table tr td a:hover{
    opacity: 100;
}

/*上映中止あり*/
.calendarday table tr td.stop{
background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/calendar/stop.png);
background-repeat: no-repeat;
background-position: right 0.2rem bottom 0.2rem;
}

/*追加上映あり*/
.calendarday table tr td.add{
background-image: url(//www.kagakukanq.com/wp-content/themes/chiba/images/calendar/add.png);
background-repeat: no-repeat;
background-position: right 0.2rem bottom 0.2rem;
}

/*土曜日
.calendarday table tr td.sat{background-color: #bed9eb;}
*/
/*日曜日
.calendarday table tr td.sun{background-color: #ffb7b7;}
*/
/*休館日*/
.calendarday table tr td.holiday{background-color: #ffb7b7;}
/*プラネタリウム休み*/
.calendarday table tr td.planetarium-holiday{background-color: #ffcd92;}
/*本日*/
.calendarday table tr td.today{box-shadow:inset 0 0 0 2px #0072b6;}

/*guide*/
.calendarguide ul{
    padding:0;
}

.calendarguide ul li{
    display: inline-block;
    padding: 0.5em 0 0.5em 1.7em;
    font-size:12px;
}
.calendarguide ul li.icon-holiday{
    background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/calendar/holiday.png) no-repeat left center;
}
.calendarguide ul li.icon-planetarium-holiday{
    background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/calendar/planetarium-holiday.png) no-repeat left center;}
.calendarguide ul li.icon-add{
    background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/calendar/add.png) no-repeat left center;}
.calendarguide ul li.icon-stop{
    background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/calendar/stop.png) no-repeat left center;}
.calendarguide ul li.icon-today{
    background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/calendar/today.png) no-repeat left center;}




/*------------------------------------------------------
calendarlist
--------------------------------------------------------*/

.calendarlist{
    margin-top:40px;
}

.calendarlist h4{
    margin:0 0 5% 0;
    padding:0; 
}

.calendarlist .calendarlisttime dl{
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 4em;
    margin:0;
    line-height: 1.4em;
}


.calendarlist .calendarlisttime dt{
    width:4.5em;
    text-align: center;
    display: table-cell;
    padding: 0 0.7em;
    border-bottom: solid 1px #fff;
    vertical-align: middle;
    background-color: #0072b6;
    color: #fff;

}

.calendarlist .calendarlisttime dd {
    display: table-cell;
    padding: 0 0.7em;
    border-bottom: solid 1px #fff;
    vertical-align: middle;  
    background-color: #dde9f1;
}



/*------------------------------------------------------
PDF download
--------------------------------------------------------*/

.download{
    margin:0;
    padding:0;
}

.download ul{ 
    max-width: 320px;
    padding:0;
    margin:0 0 0 auto;
}

.download ul li{
    font-size:12px;
    padding:10px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    border: 1px solid #ffc000;
    border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
}

.download ul li a{
    text-decoration: none;
    color:#000;
}


.download ul li:before{
    content: url(//www.kagakukanq.com/wp-content/themes/chiba/images/calendar/iconpdf.png) ;
     vertical-align: middle;
    margin-right: .4em;
    padding-top: .5em;
}

.download ul li:after{
    content: "＞";
    color: #ffc000;
    text-align: right;
    font-size: 12px;
}


/********** midiamu 1000px **********/
@media print, screen and (min-width : 1001px){
/*　ここに1000～のcssを記述*
    
/*------------------------------------------------------
contents
--------------------------------------------------------*/

.contents{
}
    
.calendarbox{
    overflow: hidden;
}
    
    
/*------------------------------------------------------
calendar
--------------------------------------------------------*/

.calendar{
    float: left;
    width: 320px;
    margin-right: 20px;
}
    
/*------------------------------------------------------
calendar　week day
--------------------------------------------------------*/
.calendarWeek table,
.calendarday table{
    width: 320px;
}
    
/*------------------------------------------------------
.calendarlist
--------------------------------------------------------*/    
    
.calendarlist{
    float: left;
    width: 320px;
  /*  margin-top:9.71%;*/
    margin-top:0;
}
    
/*------------------------------------------------------
PDF download
--------------------------------------------------------*/

.download ul{ 
    display: flex;
    justify-content: space-between;
}

/*600_END*/    
}


.shopitem {
	border: 1px solid #0072b6;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	border-radius: 6px;
	padding: 10px;
}

/*------------------------------------------------------
404
--------------------------------------------------------*/


#second #main.page-error{
    width:1000px;
    margin:0 auto;
}

#second #main.page-error .frame{
    background-color:#dde9f1;
    padding:10px;
}

#second #main.page-error ul{
    background-color: #fff;
    margin:0;
    padding:20px;
}



/*--- sliderArea ----------------------------------------------------------------- */

#sliderArea {
	position: relative;
	overflow: hidden;
	margin: -30px auto 0 auto;
}

/*---
#index header {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/index/bg_slider.png) no-repeat center 80px;
	background-size: 2000px 510px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (   min--moz-device-pixel-ratio: 2),
       only screen and (     -o-min-device-pixel-ratio: 2/1),
       only screen and (        min-device-pixel-ratio: 2),
       only screen and (                min-resolution: 192dpi),
       only screen and (                min-resolution: 2dppx) {
#index header {
	background: url(//www.kagakukanq.com/wp-content/themes/chiba/images/index/bg_slider@2x.png) no-repeat center 80px;
	background-size: 2000px 510px;
	}
}
--- */

.slideBox {
	position: relative;
/*	height: 480px; when responsive, comment this out */
	margin: 0 auto;
	text-align: center;
	z-index: 0;
}

@media all and (max-width: 640px) {
#sliderArea {
	width: 100%;
	height: auto;
	margin: 0 auto -30px 0;
	}
.slideBox {
	width: 100%;
	height: auto;
	}
}

/*--- sliderPlugins ----------------------------------------------------------------- */

.theme-default .nivoSlider img {
	left: 50% !important;
	-webkit-transform: translateX(-50%) !important;
	-moz-transform: translateX(-50%) !important;
	-ms-transform: translateX(-50%) !important;
	-o-transform: translateX(-50%) !important;
	transform: translateX(-50%) !important;
	width: 100% !important;
	height: 510px !important;
	overflow: hidden !important;
}

.theme-default .nivo-controlNav {
	z-index: 100099 !important;
	position:absolute !important;
	top: 90% !important;
}

@media all and (min-width: 641px) and (max-width: 1000px) {
.theme-default .nivoSlider img {
	width: 100% !important;
	min-height: 250px !important;
	height: auto !important;
	}
.theme-default .nivo-controlNav {
	top: 85% !important;
	}
}

@media all and (max-width: 640px) {
.theme-default .nivoSlider img {
	width: 100% !important;
	height: auto !important;
	}
.theme-default .nivo-controlNav {
	position: relative !important;
	bottom: 10px !important;
	}
}