/*
Theme Name:Sydney-Child
Template:sydney
Version:1.00
*/

/* blog */
.content-blog h2 {
    font-size:24px;
    padding: .75em .75em;
    border-bottom: 2px solid #CCC;
    background-color: #f6f6f6;
    border-left: 6px solid #30A5E8;
}
.content-blog h3 {
    font-size: 20px;
    padding: 0.7em;
    border-bottom: 2px solid #CCC;
    background-color: #f6f6f6;
    padding-left: 0.75em;
}
.content-blog h4 {
    font-size:20px;
    padding-bottom: .3em;
    border-bottom: 2px solid #CCC;
}


/*Contact Form 7*/
/*最後のチェックボックス*/
.worning-box{ 
   width: 100%;
	padding: 1em;
    margin: 0.5em 0;
    border: 5px solid #FF9393;
    background: #ffe6e6;
}

/*見出し欄*/
.inquiry th{
  text-align:left;
  font-size:14px;
  color:#444;
  padding-right:5px;
  width:30%;
  background:#f7f7f7;
  border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
  font-size:13px;
  border:solid 1px #d7d7d7;
  text-align: left;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
  border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
  font-size:7px;
  padding:5px;
  background:#ff9393;
  color:#fff;
  border-radius:2px;
  margin-right:5px;
  position:relative;
  bottom:1px;
}
/*任意の調整*/
.any{
  font-size:7px;
  padding:5px;
  background:#93c9ff;
  color:#fff;
  border-radius:2px;
  margin-right:5px;
  position:relative;
  bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
  display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
  display: block;
  padding:15px;
  width:100%;
  max-width:350px;
  background:#17A5E8;
  color:#fff;
  font-size:18px;
  font-weight:bold;	 
  border-radius:2px;
  margin:25px auto 0;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
  background:#fff;
  color:#17A5E8;
  border:2px solid #17A5E8;
}
/*reCAPTCHAを非表示にする*/
.grecaptcha-badge { visibility: hidden; }

@media(max-width:500px){
	table.inquiry {
	  table-layout: fixed;
	  word-break: break-all;
	  word-wrap: break-word;
	}
	table.inquiry input {
		width: 100%;
	}
  .inquiry th,.inquiry td {
    display:block!important;
    width:100%!important;
    border-top:none!important;
    -webkit-box-sizing:border-box!important;
    -moz-box-sizing:border-box!important;
    box-sizing:border-box!important;
  }
  .inquiry tr:first-child th{
    border-top:1px solid #d7d7d7!important;
  }
  /* 必須・任意のサイズ調整 */	
  .inquiry .haveto,.inquiry .any {	
  font-size:10px;
  }
}


/* header */
/* ヘッダーとコンテンツの隙間を無くす */
div#content {
	margin-top: -8px;
}


/* Blog */
/*ヘッダーアイコンが記事に被らないように調整*/
header.page-header {
    margin-top: 83px;
    margin-bottom: 2em;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.2em;
}
header.entry-header {
    margin-top: 40px;
}
/* カテゴリー名 */
h3.archive-title {
    font-size: 0.8em;
}


/* youtube */
/* iframe の遅延読み込み */
.md-iframe-image {
	background: #fff;
}
.md-iframe-image a {
	border: 2px solid #fff;
	display: block;
	position: relative;
}
.md-iframe-image a:hover {
	opacity: 0.6;
}
.md-iframe-image a::before {
	background: url(./img/icon_youtube_play001_r.png) center center / 64px 64px no-repeat;
	content: "";
	display: block;
	width: 64px;
	height: 64px;
	margin: -32px auto 0;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	z-index: 1;
	opacity: 0.9;
}
.md-iframe-image a img {
	width: 100%;
}


/* mobile */
/* モバイルでヘッダーの画像を隠す */
@media only screen and (max-width: 479px) {
	.header-image {
    	display: none;
	}
	aside#media_image-2 {
    text-align: center;
	}
	header.page-header {
		margin-top: 0;
		margin-bottom: 2em;
		border-bottom: 1px solid #ddd;
		padding-bottom: 0.2em;
	}
	header.entry-header {
    	margin-top: 0;
	}

}