@charset "utf-8";

/*————————————————————————————————————————————————————————————————————————*/
@import url('https://fonts.googleapis.com/css?family=Itim');
@import url('https://fonts.googleapis.com/css?family=Sumana:700');

@import url('https://fonts.googleapis.com/earlyaccess/sawarabimincho.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif');
/*————————————————————————————————————————————————————————————————————————*/




/*————————————————————————————————————————————————————————————————————————*/
html{background: #0A461F;}
p{ margin: 0;}

.font_serif{ font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "游明朝", YuMincho, "ＭＳ 明朝",'Noto Serif', "Sawarabi Mincho",serif;}
.thinkColor{ color: #005A9F; font-weight: normal; }
.bgNone{ background: none!important;}
.mb_s{ margin-bottom: 0.8em;}
.mb_m{ margin-bottom: 1.6em;}
.mb_l{ margin-bottom: 3.2em;}


/*-- 赤（サブタイトル色） --*/
.emphasizeColor{ color: #B50005; font-weight: normal; }
/*-- マゼンタ --*/
.magentaColor{ color: #FF33FF; font-weight: normal; }
/*-- 緑 --*/
.greenColor{ color: #008800; font-weight: normal; }
/*-- 茶（cafe色） --*/
.cafeColor{ color: #804F1B; font-weight: normal; }
/*-- 紫 --*/
.purpleColor{ color: #DD00FF; font-weight: normal; }
/*-- オレンジ --*/
.orangeColor{ color: #FF9933; font-weight: normal; }
/*-- シアン --*/
.cyanColor{ color: #00dddd; font-weight: normal; }
/*-- 灰色 --*/
.grayColor{ color: #888888; font-weight: normal; }
/*-- 緑２：鮮やか --*/
.green2Color{ color: #00dd00; font-weight: normal; }
/*-- 藍色 --*/
.indigoColor{ color:  #134A63; font-weight: normal; }
/*-- 灰色２：うすめ --*/
.gray2Color{ color:  #bbbbbb; font-weight: normal; }
/*-- 白色：縁取りandシャドウ --*/
.whiteColor_shadowed{
	color:  #ffffff; font-weight: normal;
	text-shadow:1px 1px 0 #000, -1px -1px 0 #000,
		-1px 1px 0 #000, 1px -1px 0 #000,
		0px 1px 0 #000,  0-1px 0 #000,
		-1px 0 0 #000, 1px 0 0 #000;
}

.RGB_red{ color: #f00; font-weight: normal; }
.RGB_green{ color: #0f0; font-weight: normal; }
.RGB_blue{ color: #00f; font-weight: normal; }
.RGB_cyan{ color: #0ff; font-weight: normal; }
.RGB_magenta{ color: #f0f; font-weight: normal; }
.RGB_yellow{ color: #ff0; font-weight: normal; }
.yellowColor{ color: #dd0; font-weight: normal; }

/*————————————————————————————————————————————————————————————————————————*/


/*--- 下付きと上付き（使えない） ---*/
sup.fitTop{
	font-size: 75%;
	vertical-align: top;
	position: relative;
}
sub.fitBottom{
	font-size: 75%;
	vertical-align: bottom;
	position: relative;
}


/*————————————————————————————————————————————————————————————————————————*/
dl.note { margin: 5px 0 0 0;}
.note dt { position: relative;}
.note dt span { position: absolute;}
.note dd { padding-left: 1em; margin: 0 2px;}
/*————————————————————————————————————————————————————————————————————————*/



/*————————————————————————————————————————————————————————————————————————*/
#headerArea{ background: #fff;}

#contents { padding: 0 0 50px 0;}
#contents *{ box-sizing: border-box;}


#mainArea {
	background: url(/science_cafe/images/main_bg_pc.png) repeat-x;
	max-width: 100%;
	min-width: 960px;
	width: 100%;
	margin: 0 auto;
	border-top: none;
	border-bottom: none;
	text-align: center;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

#conArea{
	width: 960px;
	margin: auto;
	word-wrap:break-word;
	overflow: hidden;
}
/*————————————————————————————————————————————————————————————————————————*/



/*————————————————————————————————————————————————————————————————————————*/
#sc_top a:hover img { opacity: 1; }
#sc_top a:hover .icon{ opacity: 0.6; }

.sc_topUl{
	width: 888px;
	margin: 24px auto;
}

.sc_topUl li{
	position: relative;
	float: left;
	text-align: left;
	width: 415px;
	margin-right: 48px;
	margin-bottom: 42px;
	padding: 18px;
	word-wrap: break-word;
	background: url(/science_cafe/images/thumb_borderTop_pc.png),
				url(/science_cafe/images/thumb_borderMiddle_pc.png),
				url(/science_cafe/images/thumb_borderBottom_pc.png);
	background-repeat:no-repeat,repeat-y,no-repeat;
	background-position:top,0 40px,bottom;
}

.sc_topUl li:nth-child(2n) { margin-right: 0;}

.sc_topUl .thumb_border{
	position: absolute;
	top: 0;
	left: 0;
}

.sc_topUl .thumb_no {
	background: url(/science_cafe/images/thumb_no_pc.png) no-repeat;
	width: 130px;
	position: absolute;
	left: 4px;
}

.sc_topUl .thumb_text {
	width: 95px;
	font-family: 'Itim', cursive;
	color: #fff;
	display: inline-block;
	transform: scale(0.9, 1);
	-ms-transform: scale(0.9, 1);
	-webkit-transform: scale(0.9, 1);
	-moz-transform: scale(0.9, 1);
	font-size: 2.8rem;
	padding: 3px 0 4px 0;
	margin-left: 8px;
	text-align: center;
	letter-spacing: 2px;
}

.sc_topUl .titArea{
	float: left;
	width: 207px;
	padding-top: 55px;
}

.sc_topUl .new{ background: url(/science_cafe/images/icon_new_pc.png) right top no-repeat;}
.sc_topUl .flaData{ background: url(/science_cafe/images/icon_fla_pc.png) right 6px no-repeat;}



.sc_topUl .tit{
	color: #FFF8B0;
	font-weight: normal;
	margin: 0;
	font-size: 2rem;
	line-height: 1.25em;
}

.sc_topUl .subtit{
	color: #fff;
	font-size: 1.2rem;
}
.sc_topUl .thumb_img{ float: right; width: 155px;}


.sc_topUl .text_box{ color: #fff; margin: 15px auto 30px auto;}
.sc_topUl .icon{
	position: absolute;
	right: 18px;
	bottom: 18px;
}
.text_box {
	font-size: 1.5rem;
	line-height: 1.5em;
}


.sc_topUl .text_box a:link { color: #fff;}
.sc_topUl .text_box a:visited { color: #fff;}
.sc_topUl .text_box a,
.sc_topUl .text_box a:link,
.sc_topUl .text_box a:visited,
.sc_topUl .text_box a:hover,
.sc_topUl .text_box a:active{text-decoration: underline;}

	/* pc */
	@media only screen and (min-width: 768px) {
		.sc_topUl .text_box a:hover,
		.sc_topUl .icon a:hover{ opacity: 0.6;}
	}


/*————————————————————————————————————————————————————————————————————————*/



/*————————————————————————————————————————————————————————————————————————*/
.colmun #mainArea { background: url(/science_cafe/images/col_main_bg_pc.png) repeat-x;}

.colmun #conArea{
	background-color: #f5f8f6;
	background-image: url(/science_cafe/images/icon_pin.png), url(/science_cafe/images/icon_pin.png);
	background-position: left top, right top;
	background-repeat: no-repeat, no-repeat;
	background-size: 40px, 40px;
	padding: 17px 40px 30px 40px;
}
.colmun #conArea a{ text-decoration: underline;}

.page_no_bg{
	background-image: url(/science_cafe/images/line_pc.png);
	background-position: bottom;
	background-repeat: repeat-x;
	background-size: auto;
}

.page_no{
	float: right;
	color: #804F1B;
	font-family: 'Sumana', serif!important;
}

.page_no li{
	float: left;
	width: auto;
	margin-right: 7px;
	display: table;
	height:40px;
	overflow: hidden;
}

.page_no li a{ display: inline-block; text-decoration: none!important;}

.page_no li:first-child:before{
	content:"page:";
	font-size: 2rem;
	margin-right: 1em;
	line-height: 2.5em;
	letter-spacing: .1em;
	color: #804F1B;
}

.page_no li:first-child{ margin-right: .35em;}

.page_num{
	transform: scale(0.65, 1);
	-ms-transform: scale(0.65, 1);
	-webkit-transform: scale(0.65, 1);
	-moz-transform: scale(0.65, 1);
	transform-origin: top right;
	-ms-transform-origin: top right;
	-webkit-transform-origin: top right;
	-moz-transform-origin: top right;
	width: 154%;
}

.page_num{
	font-size: 3rem;
	line-height: 1.5em;
}

.page_num.active{
	font-size: 3.6rem;
	line-height: 1.1em;
}

.page_num.active,
.page_no a:hover,
.page_no .page_num.active a:link { color: #B50005!important;}
.page_no a:link { color: #804F1B;}
.page_no a:visited { color: #804F1B;}
/*————————————————————————————————————————————————————————————————————————*/



/*————————————————————————————————————————————————————————————————————————*/
.innerBox { width: 880px;}

.prologue{
	width: 100%;
	background-image: url(/science_cafe/images/line_pc.png);
	background-position: bottom;
	background-repeat: repeat-x;
	background-size: auto;
	padding: 0 0 15px 0;
	height: 100%;
	margin-bottom: 37px;
}

.smallTit{
	font-size: 2.55rem;
	color: #B50005;
	font-weight: bold;
	margin: 15px auto 0 auto;
	font-feature-settings: normal!important;
	text-align: center;
	}
/*————————————————————————————————————————————————————————————————————————*/



/*————————————————————————————————————————————————————————————————————————*/
.generalBox{
	margin: 0 0 0 0;
	padding-bottom: 1rem;
}

.generalBox_imgL{
	display: inline-block;
	float: left;
	margin-right: 15px;
}

.generalBox_imgR{
	float: right;
	margin-left: 15px;
	display: inline-block;
}

.generalBox_textL{ float: left;}

.generalBox_textR{
	float: right;

	overflow:hidden;
	zoom:1;
}

/*--- inline-boxテスト用 ---*/
.inlineBox{
	display: inline-block;
	width:400px;
	height: auto;
}
/*--- 写真のキャプション形式 ---*/
.myFigureCenter{
	display: table;
	text-align: center;
	margin: 0em auto;
}
.myFigureLeft{
	display: table;
	text-align: center;
	margin: 0 1em 1em 0;
}
.myFigureRight{
	display: table;
	text-align: center;
	margin: 0 0 1em 1em;
}
.myCaption {
	display: block;
	text-align: left;
}

.subtit_box{
	box-sizing:content-box;
	margin: 5px 0;
}

/*.subtit_num {
	background: #000;
	background: url(/science_cafe/images/subtit_num.png) no-repeat;
	background-size: contain;
	line-height: 180%;
	float: left;
	width: 35px;
	margin-right: 10px;
	font-size: 2rem;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	font-weight: normal;
	}*/

.subtit_num {
	background: #000;
	background: url(/science_cafe/images/subtit_num.png) no-repeat;
	background-size: contain;
	line-height: 35px;
    float: left;
    clear: left;
	width: 35px;
	height: 35px;
	margin-right: 10px;
	font-size: 2rem;
	text-align: center;
	color: #FFF;
	font-weight: normal;
}

.subtit_textTit {
	line-height: normal;
	font-size: 2.3rem;
	font-weight: bold;
	color: #B50005;
	overflow: hidden;
	}


/*----------------------------------------------------
	MathJax上書き
----------------------------------------------------*/
/* ゴシックにする */
.f_gothic .MJXc-TeX-main-R{
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana,"メイリオ", Meiryo, sans-serif!important;
	}
/* 青い枠無効、級数調整 */
.mjx-chtml{ outline: 0; font-size: 110%!important;}

a .mjx-chtml,
a:link .mjx-chtml,
a:visited .mjx-chtml,
a:active .mjx-chtml{ border-bottom: 1px solid!important;}
a:hover .mjx-chtml{ border-bottom: 1px solid #999!important;}

/* 日本語カーニング 1.25em の補正 */
.MJXc-TeX-unknown-R{ width: 1em!important;}



@media all and (-ms-high-contrast:none){
	.subtit_textTit { line-height: normal;}
	.subtit_num { padding-top: 1px;}
}
/*————————————————————————————————————————————————————————————————————————*/



/*————————————————————————————————————————————————————————————————————————*/
.summaryBox{
	background: #D1A266;
	color: #fff;
	margin-top: 10px;
	padding: 10px 80px;
	width: 100%;
	font-weight: bold;
	}
/*————————————————————————————————————————————————————————————————————————*/



/*————————————————————————————————————————————————————————————————————————*/
.askedBox{ margin: 5px 0 0 0;}
.icon_cafe{
	background: url(/science_cafe/images/icon_cafe.gif) no-repeat left top;
	background-size: 64px 64px;
	min-height: 64px;
	padding-left: 70px;
	position: relative;
	margin-top: 5px;
	}

.askedTextBox{
	color: #804F1B;
	font-size: 1.8rem;
	padding: 3px 10px;
	border: 1px solid #804F1B;
	display: inline-block;
	font-weight: bold;
}

.askedSmallText{
	font-size: 1.35rem;
	line-height: 1.75em;
	font-weight: bold;
	color: #804F1B;
}
/*———画像に課題のフチ———*/
.askedImgBox{
	border: 1px solid #804F1B;
}
/*———画像に考察のフチ———*/
.thinkImgBox{
	border: 1px solid #005A9F;
}



/*————————————————————————————————————————————————————————————————————————*/



/*————————————————————————————————————————————————————————————————————————*/
.dashedBox{
	border: 1px dashed #000;
	padding: 15px;
	margin-top: 10px;
	border-radius: 20px;
}

/*--- 必要な幅だけ ---*/
.dashedBoxFit{
	border: 1px dashed #000;
	padding: 15px;
	margin-top: 10px;
	border-radius: 20px;
	display: inline-block;
}
/*--- 四角い ---*/
.dashedSquareBox{
	border: 1px dashed #000;
	padding: 15px;
	margin-top: 10px;
}
/*--- 薄茶色の地 ---*/
.brownBox{
	background-color: #FFEEBB;
	padding: 15px;
	margin-bottom: 10px;
}
/*--- 数式用薄茶色の地余白少なめ ---*/
.mathBox{
	background-color: #FFEEBB;
	padding: 2px 8px 2px 8px;
	margin-bottom: 4px;
}
/*--- 薄緑の地 ---*/
.greenyBox{
	background-color: #ddffcc;
	padding: 1em;
	margin-bottom: .5em;
}
/*--- 薄橙の地 ---*/
.orangeyBox{
	background-color: #ffeedd;
	padding: 1em;
	margin-bottom: .5em;
}
/*--- 薄青の地 ---*/
.blueyBox{
	background-color: #ddeeff;
	padding: 1em;
	margin-bottom: .5em;
}

.discBoxUl{
	font-size: 1.5rem;
	line-height: 1.75em;
	list-style-type: disc;
	margin-left: 1.5em;
	font-weight: normal;
}
/*--- 同じ大きさのdiscリスト ---*/
.discBoxUlStd{
	list-style-type: disc;
	margin-left: 1.5em;
}


.discBoxUl .thinkColor{ font-size: 0.86em;}
.undiscBoxUl{ list-style-type: none;}
/*————————————————————————————————————————————————————————————————————————*/



/*————————————————————————————————————————————————————————————————————————*/
	/*.videoBox { display: inline-block;}*/
	.videoBox { margin: auto;}
/*————————————————————————————————————————————————————————————————————————*/



/*————————————————————————————————————————————————————————————————————————*/
.katakanaList{
	font-weight: normal;
	font-size: 1.6rem;
	line-height: 1.75em;
	text-indent: -3em;
	padding-left: 3em;
	list-style-type: none;
}

/*--- リスト横並び --*/
.katakanaListHorizontal{
	font-weight: normal;
	font-size: 1.6rem;
	line-height: 1.75em;
	text-indent: -3em;
	padding-left: 3em;
	list-style-type: none;
	display: inline-block;
}
.horizontalList li{
	display: inline-block;
	margin-left:1em;
}
.horizontalList2 li{
	display: inline-block;
	margin-left:0.5em;
	margin-right:0.5em;
}
.horizontalList3 li{
	display: inline-block;
	margin-right:1em;
}
.horizontalList4 li{
	display: inline-block;
	margin-left:1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.horizontalList5 li{
	display: inline-block;
	margin-left:0.5em;
	margin-right:0.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.horizontalList6 li{
	display: inline-block;
	margin-right:1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.horizontalList0 li{
	display: inline-block;
	margin-right:0em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

/*--- いくつ横に並べるかのネーミングに変更 ---*/
.horizontalList_3 li{
	display: inline-block;
	margin-right: .75em;
}
.horizontalList_3 li:nth-child(3n){
	margin-right: 0;
}

/*--- 横並び flex 方式 ---*/
.horizontal_x_container{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}




/*--- 横並びキャプション付き画像（失敗した） --*/
.horizontalImg li {
	display: inline-block;
	margin-left:0.5em;
	margin-right:0.5em;
	margin-top: 0;
	margin-bottom: 0;
}
.horizontalImg div{
	display: table;
}
.horizontalImg p{
	display: block;
	margin-left: 0.5em;
	margin-right: 0.5em;
}


/*--- リスト文字参照式 --*/
ol.charRefList {
	font-weight: normal;
	font-size: 1.6rem;
	line-height: 1.75em;
	text-indent: -1em;
	padding-left: 1em;
	list-style-type: none;
}

/*--- ぶら下がりインデント --*/
.hangingIndent{
	padding-left: 1em;
	text-indent: -1em;
}
.hangingIndent1{
	padding-left: 2em;
	padding-right: 1em;
	text-indent: -1em;
}
.hangingIndent2{
	padding-left: 3em;
	padding-right: 1em;
	text-indent: -1em;
}
.hangingIndent3{
	padding-left: 4em;
	padding-right: 1em;
	text-indent: -1em;
}

/*--- 両端縮め ---*/
.narrow1{
	margin-left: 1em;
	margin-right: 1em;
}
.narrow2{
	padding-left: 2em;
	padding-right: 2em;
}

.kaiwaList{
	margin: 0;
	width: 100%;
	font-size: 1.6rem;
	line-height: 1.75em;
	font-weight: bold;
}

.kaiwaList img{ margin-bottom: 8px;}

.talkingWords{
	line-height: 1.5em;
	min-height: 1.75em;
	padding-left: 38px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: rgba(0,0,0,0.8);
 }

.monologue{ font-weight: normal;}

/*--- 猫アイコン追加---*/
.icon_cat{ background-image: url(/science_cafe/images/icon_cat_pc.png);}

.icon_master{ background-image: url(/science_cafe/images/icon_master_pc.png);}
.icon_boy{ background-image: url(/science_cafe/images/icon_boy_pc.png);}
.icon_girl{ background-image: url(/science_cafe/images/icon_girl_pc.png);}
.icon_man{ background-image: url(/science_cafe/images/icon_man_pc.png);}
.icon_woman{ background-image: url(/science_cafe/images/icon_woman_pc.png);}
.icon_cat,.icon_master,.icon_boy,.icon_girl,.icon_man,.icon_woman{
	background-repeat: no-repeat;
	background-position: top left;
}

/* --- 本文内マスター --- */
.first_master{
    width: 30px;
    vertical-align: center;
}

.kaiwaList>div{ background-size: 30px;}

/*--- 画像関連 ---*/
.withCaption{
	display:inline-block;
}

/*————————————————————————————————————————————————————————————————————————*/



/*————————————————————————————————————————————————————————————————————————*/
.clickObject{
	overflow: hidden;
	padding-top: 1px;
	visibility: hidden;
	position: relative;
	margin-top: 10px;
}

.clickImgBtn{
	width: 172px;
	height: 172px;
	background-image: url(/science_cafe/images/btn_question.png);
	background-repeat: no-repeat;
	background-position: top left;
	visibility: visible;
	background-size: contain;
}

.postItWord{
	color: #678B9D;
	font-size: 1.8rem;
/*	width: 172px;
	text-align: center;*/
	visibility: visible;
	font-weight: bold;
	}

.clickArea.clickCenter > .clickObject > .postItWord{ text-align: center;}

/*————————————————————————————————————————————————————————————————————————*/



/*————————————————————————————————————————————————————————————————————————*/
.returnTop{
	width: 960px;
	margin: auto;
	margin-bottom: 10px;
	margin-top: 15px;
}
/*————————————————————————————————————————————————————————————————————————*/



/*————————————————————————————————————————————————————————————————————————*/
.closingBox{
	background-image: url(/science_cafe/images/line_pc.png), url(/science_cafe/images/line_pc.png);
	background-position: top, bottom;
	background-repeat: repeat-x, repeat-x;
	background-size: auto, auto;
	padding: 15px 0;
	text-align: center;
	margin-top: 30px;
}

.closingText{
	display: inline-block;
	text-align: left;
	font-size: 1.6rem;
	line-height: 1.75em;
	color: #804F1B;
	font-weight: bold;
}
/*————————————————————————————————————————————————————————————————————————*/



/*————————————————————————————————————————————————————————————————————————*/
.zakki_area{
	background-image:url(/science_cafe/images/zakki_bg_bottom_pc.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 100%;
	padding-bottom: 13px;
	margin-bottom: 35px;
}

.zakki_title{
	font-size: 3.2rem;
	color: #6A3A0D;
	background-image:url(/science_cafe/images/zakki_bg_top_pc.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	text-align: center;
	padding: 32px;
	margin: 0;

}

.lined_paper {
	font-size: 1.6rem;
	position: relative;
	padding: 0 30px 30px 40px;
	background-image: url(/science_cafe/images/zakki_border_pc.png),
					  url(/science_cafe/images/zakki_bg_middle_pc.png);
	background-repeat: repeat-y,repeat-y;
	/*background-size: 100% 3.2rem,100% ;*/
	background-size: 100% 2em,100% ;
}

.zakki_inner{
/*	font-weight: normal!important;
	margin: 0 20px!important;
	font-size: 1.6rem!important;
	line-height: 2em!important;*/
	font-weight: normal;
	margin: 0 20px;
	font-size: 1.6rem;
	line-height: 2em;
}

.zakki_area .generalBox{ padding-bottom: 0;}


.zakki_textUl{ list-style-type: disc;}
.zakki_textMt{ margin-top: 3.2rem;}
.sign_Text{ font-size: 1.2rem;}
.zakki_icon{
	width: 84px;
	height: 44px;
	margin-right: 20px;
}

/*--- 雑記帳用会話部分 ---*/
.talkingWords_z{
	padding-left: 38px;
	color: rgba(0,0,0,0.8);
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 2em;
}




/*————————————————————————————————————————————————————————————————————————*/



/*————————————————————————————————————————————————————————————————————————*/
.prevNextBox{
	margin-top: 40px;
	font-size: 3.5rem;
	color: #804F1B;
	line-height: 1em;
	overflow: hidden;
}
.prevNextBox a{ font-family: 'Sumana', seriff!important;}


.prevNextBox a{ display: inline-block; text-decoration: none!important;}
.prevNextBox a:hover{ color: #B50005!important;}
.prevNextBox a:link { color: #804F1B;}
.prevNextBox a:visited { color: #804F1B;}
.prevBtn,
.nextBtn{
	transform: scale(0.65, 1);
	-ms-transform: scale(0.65, 1);
	-webkit-transform: scale(0.65, 1);
	-moz-transform: scale(0.65, 1);
	letter-spacing: .4em;
	position: relative;
}

.prevBtn{
	float: left;
	transform-origin: top left;
	-ms-transform-origin: top left;
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	padding-left: 30px;
}

.nextBtn{
	float: right;
	transform-origin: top right;
	-ms-transform-origin: top right;
	-webkit-transform-origin: top right;
	-moz-transform-origin: top right;
	padding-right: 20px;
}

.prevBtn:before{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	background: url(/science_cafe/images/prev_icon.png) no-repeat;
	background-position: left center;
	background-size: 100%;
	width: 11px;
	height: 22px;
	margin-top: -9px;
}

.nextBtn:after{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	background: url(/science_cafe/images/next_icon.png) no-repeat;
	background-position: left center;
	background-size: 100%;
	width: 11px;
	height: 22px;
	margin-top: -9px;
}

.prevBtn:hover:before{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	background: url(/science_cafe/images/prev_icon_hover.png) no-repeat;
	background-position: left center;
	background-size: 100%;
	width: 11px;
	height: 22px;
	margin-top: -9px;
}

.nextBtn:hover:after{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	background: url(/science_cafe/images/next_icon_hover.png) no-repeat;
	background-position: left center;
	background-size: 100%;
	width: 11px;
	height: 22px;
	margin-top: -9px;
}

.zakkiBtn{ 
    float: right;
}
.zakkiBtn img{
	width: 84px;
	height: 44px;
	}

.zakkiBtn2{ 
    float: right;
}
.zakkiBtn2 img{
	width: 99px;
	height: 44px;
	}

.arrow{ font-size: .75em;}
/*————————————————————————————————————————————————————————————————————————*/



/*————————————————————————————————————————————————————————————————————————*/
#footer {
	background: #0A461F;
	color: #fff;
}
/*————————————————————————————————————————————————————————————————————————*/












/* ==================================================== */
/*					スマートフォン対応						*/
/* ==================================================== */

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

	/*————————————————————————————————————————————————————————————————————————*/
	dl.note { margin: 1rem 0 0 0; margin: 2.66vw 0 0 0;}
	.note dd { margin: 0 0.25rem; margin: 0 0.6vw;}
	.small_txt{ font-size: 100%!important;}
	/*————————————————————————————————————————————————————————————————————————*/



	/*————————————————————————————————————————————————————————————————————————*/
	#header .slicknav_brand {
		background: rgb(227,200,178);
		background: -moz-linear-gradient(top, rgba(227,200,178,1) 0%, rgba(192,92,0,1) 56%, rgba(141,67,35,1) 100%);
		background: -webkit-linear-gradient(top, rgba(227,200,178,1) 0%,rgba(192,92,0,1) 56%,rgba(141,67,35,1) 100%);
		background: linear-gradient(to bottom, rgba(227,200,178,1) 0%,rgba(192,92,0,1) 56%,rgba(141,67,35,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3c8b2', endColorstr='#8d4323',GradientType=0 );
	}
	#header .slicknav_nav li a{ background-color: #E5B15B;}
	/*————————————————————————————————————————————————————————————————————————*/



	/*————————————————————————————————————————————————————————————————————————*/
	#mainArea { background: none; min-width: 100%;}
	#conArea{ width: 94%;}
	/*————————————————————————————————————————————————————————————————————————*/



	/*————————————————————————————————————————————————————————————————————————*/
	.sc_topUl{
		width: 100%;
		margin: 0 auto;
	}

	.sc_topUl li{
		float: none;
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-bottom: 1.72rem;
		margin-bottom: 4.6vw;
		padding: 1.4rem 0.8rem;
		padding: 3.73vw 2.1vw;
		background: url(/science_cafe/images/thumb_borderTop_sp.png),
					url(/science_cafe/images/thumb_borderMiddle_sp.png),
					url(/science_cafe/images/thumb_borderBottom_sp.png);
		background-size: 100%;
		background-repeat:no-repeat,repeat-y,no-repeat;
		background-position:top,0 40px,bottom;
	}

	.sc_topUl .thumb_border{
		position: absolute;
		top: 0;
		left: 0;
	}

	.sc_topUl .thumb_no{
		background: url(/science_cafe/images/thumb_no_sp.png) no-repeat;
		background-size: 100%;
		width: 30vw;
		left: 0.4vw;
	}

	.sc_topUl .thumb_text {
		width: 5.7rem;
		width: 15.2vw;
		font-size: 2.4rem;
		font-size: 6.4vw;
		padding: 0.3rem 0 0.5rem 0;
		padding: 1vw 0 1.6vw 0;
		margin-left: 2rem;
		margin-left: 4.8vw;
		letter-spacing: 0.5vw;
	}

	.sc_topUl .titArea{
		width: 57%;
		padding-top: 4.4rem;
		padding-top: 11.7vw;
	}

	.sc_topUl .new{
		background: url(/science_cafe/images/icon_new_sp.png) right 8% no-repeat;
		background-size: 30%;
	}
	.sc_topUl .flaData{ background: url(/science_cafe/images/icon_fla_sp.png) right 2px top 6% no-repeat; background-size: 21vw;}



	.sc_topUl .tit{
		color: #FFF8B0;
/*		font-size: 1.8rem;
		font-size: 4.8vw;*/
		font-size: 1.9rem;
		font-size: 5.06vw;
		margin-bottom: 0.5rem;
		margin-bottom: 1.3vw;
	}

	.sc_topUl .subtit{
		color: #fff;
/*		font-size: 1.2rem;
		font-size: 3.2vw;*/
		font-size: 1.6rem;
		font-size: 4.26vw;
	}

	.sc_topUl .thumb_img{ width: 40%;}
	/*————————————————————————————————————————————————————————————————————————*/



	/*————————————————————————————————————————————————————————————————————————*/
	.colmun#contents{ padding: 4% 0 5% 0;}
	.colmun #conArea{
		padding: 8% 3%;
		background-size: 9%, 9%;
		background-size: 9vw, 9vw;
	}
	/*————————————————————————————————————————————————————————————————————————*/



	/*————————————————————————————————————————————————————————————————————————*/
	.page_no_bg{
		background-image: url(/science_cafe/images/line_sp.png);
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain
	}

	.page_no li{
		margin-right: 2vw;
		height: auto;
	}

	.page_no li:first-child:before{
		font-size: 2rem;
		font-size: 5.3vw;
	}

	.page_num{
		font-size: 3.2rem;
		font-size: 8.5vw;
	}

	.page_num.active{
		font-size: 3.8rem;
		font-size: 10.2vw;
	}
	/*————————————————————————————————————————————————————————————————————————*/



	/*————————————————————————————————————————————————————————————————————————*/
	.innerBox { width: 100%; margin-top: 3%;}

	.prologueNum{
		width: 100%;
		min-height: auto;
		color: #B50005;
		font-weight: bold;
		display: block;
		vertical-align: middle;
		padding-right: 0;
		text-align: center;
		margin-bottom: 0;
		margin-top: -6%;
	}

	.prologueNum span.countText,
	.prologueNum span.countNum{ vertical-align: middle;}

	.prologueNum .countText{
		font-size: 1.2rem;
		font-size: 3.2vw;
	}

	.prologueNum .countNum{
		font-size: 1.5rem;
		font-size: 4vw;
		line-height: 1em;
	}

	.prologueSP{
		background-image:url(/science_cafe/images/line_sp.png);
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain;
		float: none;
		padding: 0 0 3% 0;
		text-align: left;
		width: auto;
		margin-bottom: 5%;
	}

	.prologue{
		width: 100%;
		background-image: url(/science_cafe/images/line_sp.png);
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain;
		padding: 0 0 5% 0;
		height: 100%;
		margin-bottom: 1.7rem;
	}

	.smallTit{
		font-size: 2rem;
		font-size: 5.33vw;
		margin: 3% auto 0 auto;
		}
	/*————————————————————————————————————————————————————————————————————————*/



	/*————————————————————————————————————————————————————————————————————————*/
	.generalBox{
		margin: 0;
		padding-bottom: 0.5rem;
		padding-bottom: 1.3vw;
	}

	.generalBox_imgL{
		display: block;
		float: none;
		margin-right: 0;
	}

	.generalBox_imgR{
		float: none;
		margin-left: 0;
		display: block;
	}

	.generalBox_textL{ float: none; margin: .5rem 0 0 0;}
	.generalBox_textR{ float: none; margin: .5rem 0 0 0;}

	.subtit_box{
		margin: 1.7rem 0 0.5rem 0;
		margin: 4.5vw 0 1.3vw 0;
	}

	.subtit_num {
		width: 1.3em;
		height: auto;
		font-size: 1.5rem;
		font-size: 4vw;
		line-height: 1.3em;
		margin-right: 0.25em;
		/*margin-right: 0;*/
	}

	.subtit_textTit {
/*		width: 92%;
		margin: 0;
		font-size: 1.8rem;
		font-size: 4.8vw;
		line-height: 2.2rem;
		line-height: 6vw;
		float: right;*/
		margin: 0;
		font-size: 1.8rem;
		font-size: 4.8vw;
		line-height: 1.25em;
	}
	/*————————————————————————————————————————————————————————————————————————*/



	/*————————————————————————————————————————————————————————————————————————*/
	.summaryBox{
		margin-top: 0.9rem;
		margin-top: 2.4vw;
		padding: 0.9rem 4rem;
		padding: 2.4vw 10.6vw;
	}
	/*————————————————————————————————————————————————————————————————————————*/



	/*————————————————————————————————————————————————————————————————————————*/
	.askedBox{ margin: 0.35rem 0; margin: 0.93vw 0;}

	.icon_cafe{
		width: 100%;
		background-size: 4.87rem;
		background-size: 13vw;
		min-height: 13vw;
		padding-left: 14vw;
		margin-top: 0.5rem;
		margin-top: 1.6vw;
	}

	.askedTextBox{
		width: 100%;
		/*font-size: 1.5rem;*/
		/*font-size: 4vw;*/
		font-size: 1.6rem;
		font-size: 4.26vw;
		line-height: 1.5em;
		padding: 1% 3%;
	}

	.askedSmallText{
		/*font-size: 1.3rem;*/
		/*font-size: 3.4vw;*/
		font-size: 1.6rem;
		font-size: 4.26vw;

	}
	/*————————————————————————————————————————————————————————————————————————*/



	/*————————————————————————————————————————————————————————————————————————*/
	.dashedBox{
		padding: 4%;
		margin-top: 2%;
	}

	/*——— 四角い点線箱 ———*/
	.dashedSquareBox{
		padding: 4%;
		margin-top: 2%;
	}

	.discBoxUl{
		margin-left: 1.25em;
/*		font-size: 1.4rem;
		font-size: 3.73vw;*/
		font-size: 1.6rem;
		font-size: 4.26vw;
	}
	.discBoxUl .thinkColor{ font-size: 0.92em;}
	/*————————————————————————————————————————————————————————————————————————*/



	/*————————————————————————————————————————————————————————————————————————*/
	.katakanaList{
		font-size: 1.6rem;
		font-size: 4.26vw;
	}

	/*——— 横並びリスト ———*/
	.katakanaListHorizontal{
		font-size: 1.6rem;
		font-size: 4.26vw;
	}
	/*--- リスト文字参照式 --*/
	ol.charRefList {
		font-weight: normal;
		font-size: 1.6rem;
		font-size: 4.26vw;
		line-height: 1.75em;
		text-indent: -1em;
		padding-left: 1em;
		list-style-type: none;
	}


	.kaiwaList{
		margin: 0 0 0 0;
		font-size: 1.6rem;
		font-size: 4.26vw;
	}

	.kaiwaList>div{
		background-size: 2.7rem;
		background-size: 7.2vw;
	}

	.kaiwaList img{
		margin-bottom: 0.55rem;
		margin-bottom: 1.46vw;
	}

	.talkingWords{
		margin-top: 0;
		padding-left: 3.4rem;
		padding-left: 9.06vw;
		padding-top: 0.2rem;
		padding-top: 0.53vw;
		padding-bottom: 0.2rem;
		padding-bottom: 0.53vw;
	}

	.monologue{ margin: 0;}

	/*——— 猫アイコン追加 ———*/
	.icon_cat{ background-image: url(/science_cafe/images/icon_cat_sp.png);}

	.icon_master{ background-image: url(/science_cafe/images/icon_master_sp.png);}
	.icon_boy{ background-image: url(/science_cafe/images/icon_boy_sp.png);}
	.icon_girl{ background-image: url(/science_cafe/images/icon_girl_sp.png);}
	.icon_man{ background-image: url(/science_cafe/images/icon_man_sp.png);}
	.icon_woman{ background-image: url(/science_cafe/images/icon_woman_sp.png);}

	.icon_cat,.icon_master,.icon_boy,.icon_girl,.icon_man,.icon_woman{
		background-repeat: no-repeat;
		background-position: top 0.26rem left 0;
		background-position: top 0.7vw left 0;
	}
    
    /* --- 本文内マスター --- */
    .first_master{
        width: 2.7rem;
        width: 7.2vw;
        vertical-align: -15%;
    }
	/*————————————————————————————————————————————————————————————————————————*/



	/*————————————————————————————————————————————————————————————————————————*/
	.postItWord{
		width: auto;
		font-size: 1.6rem;
		font-size: 4.26vw;
		margin: auto;
	}

	.clickObject{
		margin: 0.75rem auto 0 auto;
		margin: 2vw auto 0 auto;
	}

	.clickImgBtn{
		width: 10.5em;
		width: 28vw;
		height: 10.5em;
		height: 28vw;
		background-size: 100%!important;
		margin: auto;
	}
	/*————————————————————————————————————————————————————————————————————————*/



	/*————————————————————————————————————————————————————————————————————————*/
	.closingBox{
		background-image: url(/science_cafe/images/line_sp.png), url(/science_cafe/images/line_sp.png);
		background-size: contain;
		padding: 1.38rem 0;
		padding: 3.7vw 0;
		margin-top: 1.4rem;
		margin-top: 3.7vw;
	}

	.closingText{
		font-size: 1.6rem;
		font-size: 4.26vw;
	}
	/*————————————————————————————————————————————————————————————————————————*/



	/*————————————————————————————————————————————————————————————————————————*/
	.scrollbar_x{ overflow-x: scroll;}


	table.periodic{ width: 200%;}
	/*————————————————————————————————————————————————————————————————————————*/


	/*————————————————————————————————————————————————————————————————————————*/
	.zakki_area{
		background-image:url(/science_cafe/images/zakki_bg_bottom_sp.png);
		padding-bottom: 4%;
		margin-bottom: 5%;
	}

	.zakki_title{
		background-image:url(/science_cafe/images/zakki_bg_top_sp.png);
		font-size: 7vw;
		padding: 8% 3% 0 3%;
		margin: 0;
	}

	.lined_paper {
		/*font-size: 4.26vw;*/
		background-image: url(/science_cafe/images/zakki_border_sp.png),
						  url(/science_cafe/images/zakki_bg_middle_sp.png);
		padding: calc(4.26vw * 2) 2% 4.26vw 3%;
		/* background-size: 100% 2.8rem,100%; */
		background-size: 100% calc(4.26vw * 2),100%;
	}

	.zakki_inner{
		margin: 0 3%;
		font-size: 1.6rem;
		font-size: 4.26vw;
		/*line-height: 2.8rem!important;*/
		/*line-height: 8.52vw!important;*/
		line-height: calc(4.26vw * 2);
	}

	.zakki_area .generalBox{
		/*padding-top: calc(4.26vw * 2) ;*/
		/*padding-bottom: 0;*/
	}

	.zakki_inner .generalBox_textL{
		float: none;
		/*padding-top: 2em;*/
		/*margin: 0 0 2em 1em;*/
		/*padding-top: calc(4.26vw * 2);*/
		margin-top: 0;
		/*margin-left: 1em;*/
		/*margin-bottom: calc(4.26vw * 2);*/
	}

	.zakki_inner .generalBox_textR{
		float: none;
		/*padding-top: 2em;*/
		/*margin: 0 0 2em 1em;*/
		/*padding-top: calc(4.26vw * 2);*/
		margin-top: 0;
		/*margin-left: 1em;*/
		/*margin-bottom: calc(4.26vw * 2);*/
	}
	.zakki_textUl{ margin-left: 1em!important;}

	.zakki_textMt,
	.zakki_mtSP{
		/*margin-top: 2.8rem;*/
		/*margin-top: 2em;*/
		margin-top: calc(4.26vw * 2);
	}

	.zakki_mbSP{ margin-bottom: calc(4.26vw * 2);}


	/*.sign_Text{ font-size: 1.1rem; font-size: 2.9vw;}*/
	.sign_Text{ font-size: 1.6rem; font-size: 4.26vw;}

	.zakki_icon{
		width: 18%;
		width: 18vw;
		height: auto;
		margin-right: 0;
		margin-bottom: 2%;
	}

	/*--- 雑記帳用会話部分 ---*/
	.talkingWords_z{
		margin-top: 0;
		padding-left: 3.4rem;
		padding-left: 9.06vw;
		font-size: 1.6rem;
		font-size: 4.26vw;
		font-weight: bold;
		line-height: calc(4.26vw * 2);
	}


	/*————————————————————————————————————————————————————————————————————————*/



	/*————————————————————————————————————————————————————————————————————————*/
	.prevNextBox{
		margin-top: 5%;
		font-size: 2.4rem;
		font-size: 6.4vw;
		}

	.prevBtn{
		padding-left: 5%;
		padding-left: 5vw;
	}

	.nextBtn{
		padding-right: 3%;
		padding-right: 3vw;
	}

	.prevBtn:before{
		background-size: 2vw 4vw;
		width: 2vw;
		height: 4vw;
		margin-top: -4%;
	}

	.nextBtn:after{
		background-size: 2vw 4vw;
		width: 2vw;
		height: 4vw;
		margin-top: -4%;
	}

	.prevBtn:hover:before{
		background-size: 2vw 4vw;
		width: 2vw;
		height: 4vw;
		margin-top: -4%;
	}

	.nextBtn:hover:after {
		background-size: 2vw 4vw;
		width: 2vw;
		height: 4vw;
		margin-top: -4%;
	}

	.zakkiBtn img{
		width: 6.75rem;
		width: 18vw;
		height: auto;
	}
	.zakkiBtn2 img{
		width: 7.96 rem;
		width: 21.2vw;
		height: auto;
	}
	/*————————————————————————————————————————————————————————————————————————*/




}




/* ==================================================== */
/*			スマートフォン対応 フォントサイズ調整			*/
/* ==================================================== */

@media only screen and (device-height: 568px) {
	.sc_topUl .tit{font-size: 5.93vw}
	.sc_topUl .subtit{font-size: 5vw;}

	.prologueSP{ font-size: 5vw;}

	.talkingDl,
	.katakanaList,
	.askedTextBox,
	.askedSmallText,
	.discBoxUl,
	.sign_Text,
	.subtit_textArea,
	.kaiwaList,
	.closingText,
	.postItWord{ font-size: 5vw;}
	.smallTit{ font-size: 6.25vw;}

	/*--- 雑記帳用会話部分 ---*/
	.talkingWords_z{
		margin-top: 0;
		padding-left: 3.4rem;
		padding-left: 9.06vw;
		font-size: 5vw;
		font-weight: bold;
		line-height: calc(4.26vw * 2);
	}

	/*——— 横並びリスト ———*/
	.katakanaListHorizontal{ font-size: 5vw;}

	.zakki_title{ font-size: 7.5vw;}
	.lined_paper { font-size: 5vw; /*background-size: 100% 2.4rem,100%;*/}
	.zakki_inner{
		font-size: 5vw!important;
		/*line-height: 2.4rem!important;*/
	}

	.zakki_inner .generalBox_textL{
		/*padding-top: 2.4rem;*/
		/*margin: 0 0 2.4rem 0;*/
	}

	.zakki_inner .generalBox_textR{
		/*padding-top: 2.4rem;*/
		/*margin: 0 0 2.4rem 0;*/
	}

	/*.zakki_textMt{ margin-top: 2.4rem;}*/
	.subtit_textTit { font-size: 5.62vw}
	.postItWord{ width: auto;}
	.prevNextBox{ font-size: 7.5vw;}


	.sc_topUl .new{
		background: url(/science_cafe/images/icon_new_sp.png) right 5% no-repeat;
		background-size: 30%;
	}
	.sc_topUl .flaData{ background: url(/science_cafe/images/icon_fla_sp.png) right 4% no-repeat; background-size: 22vw;}

}



/*  顔文字用折り返し禁止 - mahito */
.nowrap{
	white-space: nowrap;
}


/*  キャプションつき図版のリスト - mahito  */
.fig_and_cap_frame{
	display: inline-block;
	margin: 0 0.125em;
}
.fig_and_cap{
	display: table;
	width: 160px; /* minimum width */
    *width: auto; /* for IE7 and below */
	border: #ccc solid 1px;
	padding: 0.5em;
}
.fig_and_cap p {
	margin-top: 0px;
}
@media only screen and (max-width: 768px) {
	.fig_and_cap_frame{
        display: inline-block;
    }

	.fig_and_cap{
		display: table;
		width: 100%;
		padding: 0.25em;
	}
}

/* キャプションつき図版のリストflex式 -mahito */
.img_list{
	display: flex;
	justify-content: space-between;
}
.img_list > .caption_n_img{
	line-height: 1.25em;
	margin-right: 1em;
}
.img_list > .img_n_caption{
	line-height: 1.25em;
	margin-right: 1em;
}
.img_list > .img_n_caption > p.hangingIndentCaption{
	margin-left: 1.25em;
	margin-right: .25em;
	text-indent: -1em;
}
@media only screen and (max-width: 768px) {
	.img_list{
		flex-direction: column;	/* spは縦並び */
	}
	.img_list > .caption_n_img{
		margin-right: 0;
		margin-bottom: 1em;	/* spは縦並びなので，アキ */
	}
	.img_list > .caption_n_img > p.one_liner{
		text-align: center;	/* 幅不足に備え，spは中央揃え */
	}
	.img_list > .img_n_caption{
		margin-right: 0;
		margin-bottom: 1em;	/* spは縦並びなので，アキ */
	}
}
	


/* vimeo用 - mahito */
.vimeo_box {
	position: relative;
	padding: calc(360 / 640 * 880px) 0 0; /* 高さと横幅の数字には単位は入れません。 */
}
.vimeo_box_3by2{
	position: relative;
	padding: calc(2 / 3 * 880px) 0 0;
}
.vimeo_box_4by3{
	position: relative;
	padding: calc(3 / 4 * 880px) 0 0;
}
.vimeo_box_15by11{
	position: relative;
	padding: calc(11 / 15 * 880px) 0 0;
}
@media only screen and (min-width: 768px) {
	.vimeo_box_4by3.vimeo_w640{
        position: relative;
        padding: calc(3 / 4 * 640px) 0 0;
    }
}
.vimeo_box iframe, .vimeo_box_3by2 iframe, .vimeo_box_4by3 iframe, .vimeo_box_15by11 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media only screen and (max-width: 768px) {
	.vimeo_box {
		float: none;
		width: 100%;
		padding: calc(360 / 640 * 100%) 0 0; /* 高さと横幅の数字には単位は入れません。 */
		margin: 0em auto 1em auto;
	}
	.vimeo_box_3by2{
		float: none;
		width: 100%;
		padding: calc(2 / 3 * 100%) 0 0;
		margin: 0em auto 1em auto;
	}
	.vimeo_box_4by3{
		float: none;
		width: 100%;
		padding: calc(3 / 4 * 100%) 0 0;
		margin: 0em auto 1em auto;
	}
	.vimeo_box_15by11{
		float: none;
		width: 100%;
		padding: calc(11 / 15 * 100%) 0 0;
		margin: 0em auto 1em auto;
	}
}

/* 中のボックス（外から中央揃えなどしたいとき） */
.inlinBlock{
	display: inline-block;
}


/* 20201228flashコンテンツ */
.disable{
	opacity: .6;
}
li.disable{
	pointer-events: none;
}
.disable + .mainText{
	padding: .25em 1em;
	text-align: center;
	background-color: #ff0;
	color: #000;
	font-weight: bold;
}

/* 表 table */
table.cafe_table{
    border-collapse: collapse;
    border: solid 1px #333333;
    width: 100%;
}
.cafe_table th, .cafe_table td{
    border-collapse: collapse;
    border: solid 1px #333333;
    padding: .5em 1em;
    white-space: nowrap;
}
.cafe_table th{
    background-color: #ffddaa;
}
@media only screen and (min-width: 769px) {
    table#sc098{
        width: 346px;
    }
}
#sc098.cafe_table td{
    text-align: center;
}
#sc098.cafe_table td.numbers{
    padding-right: 3em;
    text-align: right;
}