/**
 * Theme Name: Windy Child
 * Description: This is a child theme of Windy
 * Author: ZooTemplate
 * Author URI: http://zootemplate.com
 * Template: windy
 * Version: 3.0.0
 */

/* ================= 文字装飾 ================= */
strong {
  font-weight: bold !important; }

/*赤のアンダーライン*/
.red-under{
  border-bottom: 2px solid red;
}
/*太字で赤色*/
.bold-red{
  font-weight:bold;
  color:#E50202;
}
/*マーカーの黄色のような色*/
.marker{
  background-color:#FF9;
}

/*下半分のマーカー色（km）*/
.marker-under{
  background: linear-gradient(transparent 60%, #ffff66 60%);
}
@media screen and (max-width: 480px) {
.entry-title h1{
  font-size:20px; }
}

/*----------------------------------------------------
プロフィールテーブル
----------------------------------------------------*/

section table{
	border-collapse: collapse;
	width: 100%;
	margin: 10px auto 30px auto;}
section table,tbody{border: 1px solid #ddd;}

 
/*----------------------------------------------------
  .demo01
----------------------------------------------------*/
.demo01 th{
	width: 35%;
	text-align: left;
	background: #d3e5e7;
	padding: 10px;
	border: 1px solid #ddd;
	font-weight: bold;
}
.demo01 td{ padding: 10px; border: 1px solid #ddd;background:#ffffff;}
@media only screen and (max-width:480px){
    .demo01 { margin: 0 -10px; }
    .demo01 th,
    .demo01 td{
    width: 100%;
    display: block;
    border-top: none;
    padding: 10px; border: 1px solid #ddd;
    text-align: left;
    }
  .demo01 tr:first-child th { border-top: 1px solid #ddd; }
}

/*----------------------------------------------------
  .demo02
----------------------------------------------------*/
.demo02 th{
	width: 40%;
	text-align: left;
	background: #649ca3;
	padding: 10px;
	border: 1px solid #ddd;
	color:#fff;
	font-weight: bold;
}
.demo02 td{ padding: 10px; border: 1px solid #ddd;background:#ffffff;}
@media only screen and (max-width:480px){
    .demo02 { margin: 0 -10px; }
    .demo02 th,
    .demo02 td{
    width: 100%;
    display: block;
    border-top: none;
    padding: 10px; border: 1px solid #ddd;
    text-align: left;
    }
  .demo02 tr:first-child th { border-top: 1px solid #ddd; }
}

/*----------------------------------------------------
  .demo03
----------------------------------------------------*/
.demo03 th{
	width: 40%;
	text-align: left;
	background: #f1f1f1;
	padding: 10px;
	border: 1px solid #ddd;
	font-weight: nomal;
}
.demo03 td{ padding: 10px; border: 1px solid #ddd;background:#ffffff;}
@media only screen and (max-width:480px){
    .demo03 { margin: 0 -10px; }
    .demo03 th,
    .demo03 td{
    width: 100%;
    display: block;
    border-top: none;
    padding: 10px; border: 1px solid #ddd;
    text-align: left;
    }
  .demo03 tr:first-child th { border-top: 1px solid #ddd; }
}

/*----------------------------------------------------
  form
----------------------------------------------------*/
input[type=text],select,textarea {border:1px solid #cccccc;}