/*
 Theme Name:   Twenty Sixteen Child
 Theme URI:    http://www.556health.com/twenty-sixteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       Yasushi Azuma
 Author URI:   http://www.556health.com
 Template:     twentysixteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-sixteen-child
*/
/*基本CSS*/
/*マージンに関する基本CSS*/
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mar5{margin:5px}
.mar10{margin:10px}
.mar15{margin:15px}
.mar20{margin:20px}
/*パディングに関する基本CSS*/
.pd5{padding:5px}
.pd10{padding:10px}
.pd15{padding:15px}
.pd20{padding:20px}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
/*背景色に関する基本CSS*/
.bg_y{background-color:#f9f09a}
.bg_b{background-color:#dff2fe}
.bg_p{background-color:#f6dff9}
.bg_g{background-color:#ecf5c9}
.bg_gry{background-color:#f6f6f6}
.bg_w{background-color:#FFF}
.bg_w05{background-color: rgba(255,255,255,0.5);}
.bg_w08{background-color: rgba(255,255,255,0.8);}
/*位置に関する基本CSS*/
.right{float:right}
.left{float:left}
.center{margin-left:auto;
margin-right:auto;
text-align:center}
.clear{clear:both}
/*テキストカラーに関する基本CSS*/
.tc_r{color:red}
.tc_y{color:#ffcc00}
.tc_g{color:#33cc00}
.tc_b{color:#0066cc}
.tc_o{color:#ff9900}
.tc_gry{color:#666666}

/*page内の投稿者のカラムをなくす*/
@media screen and (min-width: 61.5625em) {
	body:not(.search-results) article:not(.type-page) .entry-content {
		float: none;
		width: 100%;
	}
	body:not(.search-results) article:not(.type-page) .entry-footer {
		float: none;
		width: 100%;
		margin-top:3em;
	}
}
/*SNSボタン*/
.entry-footer .share a:hover,.entry-footer .share a:focus{
	color:#fff}
.fa-hatena:before {
  font-family: Verdana;
  font-weight: bold;
  content: 'B!';
}
.share {
  margin-top: 40px;
  margin-bottom: 40px;
}
.share ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.share ul:after {
  display: block;
  clear: both;
  content: '';
}
.share li {
  float: left;
  width: 25%;
  margin: 0;
  margin-top: 15px;
}
.share li a {
  font-size: 14px;
  display: block;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  color: #fff;
}
.share li a:hover {
  opacity: .8;
}
.share li a:visited {
  color: #fff;
}
.tweet a {
  background-color: #55acee;
}
.facebook a {
  background-color: #315096;
}
.feedly a{
	background-color:#98be4c;
}
.feedly a img{
	max-width:20px;
    height:auto;
	padding-bottom:0px;
  }
.googleplus a {
  background-color: #dd4b39;
}
.hatena a {
  background-color: #008fde;
}
@media(max-width: 44.375em) {
  .share li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px;
  }
  .share li i {
    font-size: 1.3em;
    padding-top: 3px;
  }
  .share li span {
    display: none;
  }
  .feedly a img{
    padding:4px 0;
    max-width:18px;
    height:auto
  }
  .share li i.mr5{
    margin-right:0;
  }
}
/*タイトルをロゴ画像に変更*/
.site-branding{
    max-width: 380px;
    width: 380px;
}
.site-title a {
    background-image: url("http://www.556health.com/wpmain/wp-content/uploads/2018/06/logo-350.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 70px;
    width: 100%;
}
/*サイトディスクリプションをロゴの下に持ってくる*/
.site-description{
	margin-left:80px
}

/*ヘッダー上下の余白を縮める*/
.site-header{
	padding-top:1em;
	padding-bottom:1em
}
/*パンくずリストの整形*/
@media screen and (min-width: 56.875em) {
.pan-list{
margin-left: 0;
}
}
@media screen and (max-width: 56.875em) {
	.pan-list{
	margin-left: 7.6923%;
	margin-right:7.6923%;
}
}
.pan-list{
	background-color: #fdfada;
	border-radius: 10px;
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
.pan-list ul{
	margin-left:5px;
}
.pan-list ul li{
	display:inline;
	list-style:none;
	margin-right:5px;
	padding-left:5px;
	font-size:90%
}
/*ウィジェットの破線を消す*/
.widget{
	border-top:none
}

/*サイドバーのタイトル背景*/
.sidebar h2.widget-title{
	background-image:url(http://www.556health.com/wpmain/wp-content/uploads/2018/06/side_bg.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;
	padding: 10px;
	color: #FFF;
	text-shadow: 1px 1px 2px #333;
}
/*メッセージフレーム*/
.f_flower{
	background-image:url(http://www.556health.com/wpmain/wp-content/uploads/2018/06/f_flower_t.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	/*background-size:contain;*/
	padding:40px 40px 30px 0;
}
.f_flower_f{
	background-image:url(http://www.556health.com/wpmain/wp-content/uploads/2018/06/f_flower_b.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	height:200px
}
.f_flower_y{
	background-image:url(http://www.556health.com/wpmain/wp-content/uploads/2018/06/f_flower_y.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.f_flower_y2{
	background-image:url(http://www.556health.com/wpmain/wp-content/uploads/2018/07/f_flower_y2.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
/*コピーライトを中央寄せに*/
.site-footer .site-info{
	margin:0 auto;
	text-align:center
}
/*TOPメッセージ部分*/
.f_mincho{
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight:500;
}
.entry-content h1.top_messe{
	font-size:1.7rem;
	font-weight:500;
	line-height:1.5;
}
.top_messe{
	color:#4f2213;
	background-image:url(http://www.556health.com/wpmain/wp-content/uploads/2018/07/mark_clover.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:50px
	
}
/*ページネーションのカラー*/
.pagination{
	border-color:#8bb5b5
}
.pagination .prev, .pagination .next{
	background-color:#8bb5b5
}
.pagination::before, .pagination::after{
background-color:#aac9c9
}
/*エントリー内の黒斜線色*/
.comments-title, .comment-reply-title{
	border-color:#8bb5b5
}
.post-navigation{
	border-top-color:#8bb5b5;
	border-bottom-color:#8bb5b5
}
.post-navigation div + div{
border-top:2px dotted #8bb5b5
}
.nav-next{
	text-align:right
}
.post-navigation .post-title{
	font-size:18px;
	font-size:1em
}
@media screen and (min-width: 44.375em) {
.post-navigation .post-title{
	font-size:1em
	}
}
/*日付＋タイトルの表記*/
ul.date-list a,ul.date-list span{
	display:block
}
ul.date-list a:link{
	box-shadow:none;
}
.entry-content ul.date-list a:link{
	text-decoration:none;
}
ul.date-list li span.date{
	float:left;
	width:6em;
}
ul.date-list li span.title{
	padding-left:6em
}
ul.date-list li{
	margin-bottom:3px;
	list-style:none;
}
/*ボタンの色を黒から変更*/
button{background-color:#6e6e6e}
#comments input[type="submit"]{
	background-color:#6e6e6e;
	border: 1px solid #d1d1d1;
}
/*あづま変更分　申込ボタン*/
.order_btn_red{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #ee6655;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 5px #996677;
    border-radius: 4px;
}
.order_btn_red:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
    border-bottom: none;
}
/*あづま編集 ＬＰへのバナー*/
/*FlexBox*/
.bannerbox{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
/*FlexItems*/
.bannerbox > div{
		height:170px;
		width:33%;
		min-width:240px;
		max-width:280px;
		margin:10px 1px 10px 0px;
}
/*Content layer*/
div.blp_content{
		color:#333333;
		font-size:large;
		font-weight:bold;
		font-family:sans-serif;
		padding:8px;	
}
/*classes defining background images*/
.blp_bg_vine_green {
	background-image: url("http://www.556health.com/img/vine_green.png");
	background-repeat:repeat;
}
.blp_bg_circles_blue{
	background-image: url("http://www.556health.com/img/circles_blue.png");
	background-repeat:repeat;
}
.blp_bg_circles_pink{
	background-image: url("http://www.556health.com/img/circles_pink.png");
	background-repeat:repeat;
}
.blp_bg_circles_yellow{
	background-image: url("http://www.556health.com/img/circles_yellow.png");
	background-repeat:repeat;
}
.blp_bg_cloverbg{
	background-image: url("http://www.556health.com/img/cloverbg.png");
	background-repeat:repeat;
}
.blp_bg_mosaic_blue{
	background-image: url("http://www.556health.com/img/mosaic_blue.jpg");
	background-repeat:repeat;
}
.blp_bg_mosaic_green{
	background-image: url("http://www.556health.com/img/mosaic_green.jpg");
	background-repeat:repeat;
}
.blp_bg_pindot_green{
	background-image: url("http://www.556health.com/img/pindot_green.png");
	background-repeat:repeat;
}
.blp_bg_pindot_mgreen{
	background-image: url("http://www.556health.com/img/pindot_mgreen.png");
	background-repeat:repeat;
}