/*
 Theme Name:   Twenty Sixteen Child2
 Theme URI:    http://192.168.0.17/jsstour2/
 Description:  Child Theme of Twenty Sixteen
 Author:       Kiyoshi Nakayama
 Author URI:   http://edco.jp
 Template:     twentysixteen
 Version:      1.1.0
 Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
 Text Domain:  twentysixteen-child
*/


#page{background: rgba(237,237,196,.60);} /* 60% opaque */
body {
	margin: 10% 5%; /* make background mt.Fuji visible at fringe 10% 5% of the browser screen */
}
.entry-content {
	width: calc(100% - 1.4736842105em) !important;
	box-sizing: content-box;
	float:left;
}	/* This changes display of single post */
/* color setting of main-navigation menu */
.main-navigation a{ background-color:green;color:white;}
.main-navigation ul a:hover{color:DeepPink;}
/* color setting of main-navigation menu dropdown */
.main-navigation li ul a{ background-color:navy; color:white;}
.main-navigation li ul a:hover{color:DeepPink;}
/* displaying post */
.site-main#strong{clear:left;} /*may affect many parts*/
/**--------------------------
	widget background color
---------------------------------*/
/*.sidebar{ background-color: lightpink;}*/
.sidebar section.widget_custom_post_widget{background-color:lightcyan;}	/* Highlights widgets */
.sidebar section.widget_nav_menu{background-color:lightyellow}	/* area menu */
.sidebar >section#text-2{background-color:khaki;}	/* links */
/*.sidebar section#nav_menu-34 .widget-title{display: none;}*//*works*/
/*.sidebar .widget-title{display: none;}*//*Wao! it works*/
/* section#execphp-2 img{
	float:left;
	border:5px #DFD9CC solid;
	margin:0 5px 0 50px;
	height:85px;
	width:85px;
} *//*worked @debian-yu/ktest*/

/**-----------------------------
	footer
------------------------------*/
.site-info { display: none; }/* to remove  'Proudly powered by %s', 'twentysixteen' )*/

footer#colophon.site-footer{
    background-color: tan;
   box-shadow:0 -.25em .5em rgba(19,19,19,.8);
}

footer#colophon.site-footer ul{
	width: 100%;
	text-align: center;
}
footer#colophon.site-footer ul li{
	width: 40%;
	display: inline-block;
	text-align: center;
/*	vertical-align: top;*/
}

footer#colophon.site-footer ul.front{
	width:100%;
}
footer#colophon.site-footer ul.front li{
	width: 20%;
	display: inline-block;
	float:left;
	vertical-align:top;
}
footer#colophon.site-footer ul.front li:nth-child(3){
	width:58%;
	display: inline-block;
	font-size:small;
}
footer#colophon.site-footer ul li img{
	float:left;
	border:5px #DFD9CC solid;
	height:85px;
	width:85px;
}
footer#colophon.site-footer .copyright{
	margin: -1em auto -2em auto;
}
/*img{display:none !important;}*//*this works except in dashboard*/

footer .avatar{display:none !important;} /* !important is necessary */
/*footer.entry-footer img{display: none !important;}*//*OK too*/
footer.entry-footer{display:none;}
p {margin: 0 0 1.0em;}
/**------------------------------------------------------------------------------------------------------
	hereafter for pages "popular sites" and "tour courses"
--------------------------------------------------------------------------------------------------------- */

/*-----------------------------------
	popList
----------------------------------------*/
.popList li{
/*	background:url(images/ttl_h3_bgr.jpg) repeat-x center top #fff;*/
	background-color: #fff;
/*	border:5px solid #bbb;*/
	border:5px solid;
	border-color: AliceBlue;	/*#4169E1*/
	padding:0.4em;
	margin:1% 1% 1% 2%;
	float:left;
	display:inline;
	overflow:visible;
	width:43%;
}

.popList li p {
	padding:5px!important;
	margin:0!important;
	font-size:14px;
	line-height:18px;
}


/*.popList li a {display:block;}*/

.popList  li:hover{ background-color:Aqua;}/*Aqua#00ffff*/

/*-------------------------------------------------------------------
   pageTop 
------------------------------------------------------------------- */
#pageTop {
	margin:0 0 20px 0;
	overflow:hidden;
	float:right;
}

.pgTop {
	text-align:right;
	font-size:12px;
	margin:10px 0 !important;
}

.pgBack {
	text-align:right;
	font-size:12px;
}

.alignR {text-align: right;}
.rollover {}

/*courses */
#courses {
	overflow:hidden;
	display:block;
}


.course_navi {
/*	background:url(images/bgr_course_bar.jpg) repeat-x bottom;*/
	/*overflow:hidden;*/
/*	all: initial;*/
	padding:0 1px 0 1px;
	margin:0 0 0 0;		/*20px 0 0 0; 14/08/13 */
}

.course_navi ul {
	list-style: none;
	/*margin-left: 0;	*/	/* This is very important to clear 5% margin of the root css. But makes extra right margin*/
	padding:1px;
}  
.course_navi ul li{
/*	overflow:hidden;*/
	display:block;
	width:14em;
	padding:0 1px 0 1px;		
	margin:0 0;		/*0 5px;*/
}
.course_navi  .menu-right{
	float:right;
	text-align:right;
background:url(images/D.png) no-repeat right;	
background-color:yellow;
width:15em;
	font-size:small;
	padding-right:10px;
	margin-right:0;}

.course_navi ul li a{
	height:2em;		/*35px;*/
	display:block;
	padding:1em 1px 0 0;	/*24px 0 0 45px;*/
	font-weight:bold;
	margin:0 0;
	padding: 1px;
/*	background:url(images/btn_course.jpg) no-repeat bottom;*/
}

/*.course_navi ul li a:after{content: url(images/Down.png);}*/

.course_navi ul li a:hover{
	height:2em;	/*35px;*/
	display:block;
	padding:1em 1px 0 0;	/*24px 0 0 45px;*/
	font-weight:bold;
	background-color:#fff;
	padding: 1px;
}
.course_navi ul li.tour-g {
	background:url(images/bookmark.png) no-repeat left;
	background-color: #ff0;
	margin:0 auto;
	font-weight:bold;
	font-size:larger;
	padding:0 0 0 30px;
/*	float:left;
	margin-left:20%;*/ }

.course_navi ul li.here a{
	background-color: #fff;
	float:left;
	margin-left:0; }


.course_navi ul li.here a:before{content:url(images/bookmark.png);}
/*.course_navi ul li.tour-g :before{content:url(images/bookmark.png);}*/
h3.title_course{
	all:initial;
	background:url(images/flag.png) no-repeat left;
	background-color: lightyellow; 
	display:block;
	font-size:16px;
	font-weight:bold;
	margin:0 0 0 0;
	padding:0 10px 0 35px !important;
	border-bottom:1px dotted #ccc;
	position:relative;
}
.title_course {
/*	background:url(images/ttl_h3_bgr.jpg) repeat-x center top #fff;*/
	all:initial;
	background:url(images/flag.png) no-repeat left;
	background-color: lightyellow; 
	display:block;
	font-size:16px;
	font-weight:bold;
	margin:0 0 0 0; 
	padding:0 10px 0 35px !important;
	border-bottom:1px dotted #ccc;
	position:relative;
}

.title_course span{
	position:absolute;
	float:right;
	right:10px;
	padding:5px 10px 5px 10px !important;
	font-weight:bold;
	font-size:13px;
	color:#FF9900;
	
}

.title_course img {
	vertical-align:middle;
	margin:0 10px 0 5px;
	padding:0;
}
.course_description {
	margin:10px 0 10px 0 !important;
	padding:0;
	font-weight:normal;
	font-size:14px;
	line-height:18px;
}
.course_description li{
	float:left;
	overflow:hidden;
	display:inline;
	margin:0 5px 0 0 ;
	padding:0;
}

.course_description .next{
	background:url(images/icn_next.gif) no-repeat center left;
	padding:0 0 0 20px;
}
.course_navi>table{ 	border-top: 1px #C4BBA8 solid;
	border-right: 1px #C4BBA8 solid;
	border-collapse: separate;
	color:#4C3326;
	width:100% !important;/* !important worked fine 170524*/	
}
table.tbl_course {
/*	all:initial*/
	border-top: 1px #C4BBA8 solid;
	border-right: 1px #C4BBA8 solid;
	border-collapse: separate;
	color:#4C3326;
	width:100% !important;/* !important worked fine 170524*/	
}
.course_navi table tr td:first-child{
	background:url(images/icn_site.jpg) no-repeat left center ;
	background-color:#F2F2F2;
	padding:0 0 0 2em;
	border:1px solid #C4BBA8;
    border-width: 0 0 1px 1px;
	vertical-align:center;
	width:18% !important;	/* 170519 KN*//* !important worked fine 170524*/
	text-align:left;
}
.course_navi th {
/*	background:url(images/bgr_th.jpg) repeat-x top #F2F2F2;*/
	background:url(images/icn_site.jpg) no-repeat left center;
	background-color:#F2F2F2;
	padding:0 0 0 2em;
	border:1px solid #C4BBA8;
    border-width: 0 0 1px 1px;
	vertical-align:center;
	width:18% !important;	/* 170519 KN*//* !important worked fine 170524*/
	text-align:left;
}

.tbl_course th {
/*	background:url(images/bgr_th.jpg) repeat-x top #F2F2F2;*/
	background:url(images/icn_site.jpg) no-repeat left center;
	background-color:#F2F2F2;
	padding:0 0 0 2em;
	border:1px solid #C4BBA8;
    border-width: 0 0 1px 1px;
	vertical-align:center;
	width:18% !important;	/* 170519 KN*//* !important worked fine 170524*/
	text-align:left;
}
/*.tbl_course th span {
	background:url(images/icn_site.jpg) no-repeat left center;
	padding:0 0 0 24px;
	display:block;
}*/
.course_navi td{
	border:1px solid #C4BBA8;
    border-width: 0 0 1px 1px;
	vertical-align:center; /* was Top 170521*/
	text-align:left;
}

.tbl_course td {
/*	padding:5px;*/
	border:1px solid #C4BBA8;
    border-width: 0 0 1px 1px;
	vertical-align:center; /* was Top 170521*/
	text-align:left;
}

	
/*170519 KN good job! definitely better than td h4
	forget about td h4 */
.course_navi td a{
	font-weight:900;
	text-decoration:underline;
}
/*.tbl_course td a {
	font-weight:900;
	text-decoration:underline;
}*/
tr:nth-child(odd) {
   background:#EEE;
   background:rgba(0, 0, 0, 0.08);
   border:none;
}	/*170521 KN worked!*/

/*.tbl_course td p {
	margin:0;
	padding:0;
}*/

.tbl_course .comment {
	padding:5px;
	background:#f9f9f9;
	border:1px solid #C4BBA8;
    border-width: 0 0 1px 1px;
	vertical-align:top;
	font-size:13px;
}
/* =Fixed Width for unresponsive
-------------------------------------------------------- */
#container,
#footer {
	width: 960px!important;
}