@charset "utf-8";
/*
Theme Name: xb_ytb
Template:xeory_base
Author: us
Theme URI: http://bazubu.com/
Description: twentyfourteen用オリジナル子テーマ
*/

@import url('../xeory_base/style.css');
@import url('../../../../css/layout.css');

/*フォント調節*/
body#\#top {
  font-size: 100%; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

header#head_outline, footer#btm_outline, nav.side-navi {
  font-size: 75%; font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

  /* CSS version Navi */
  .side-navi{width: 100%; margin-bottom: 10px; padding: 5px; background-color: #ffffff; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
  .side-navi ul{width: 100%; border:1px solid #a8a8a8; background-color: #ffffff; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
  .side-navi li{position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; cursor:pointer; padding: 5px;}
  .side-navi li:hover{background:none; background-color:#f2f2f2;}
  .side-navi li a{display:block; color:#000000; text-decoration:none;}
  .side-navi li ul{visibility:hidden; position:absolute; z-index:1; top:0; left:100%;}
  .side-navi li:hover > ul{animation-name:fadeInRightAdmin; -webkit-animation-name:fadeInRightAdmin; animation-duration:0.15s; animation-delay:0.15s; animation-fill-mode:both;}
  /*.side-navi li:hover > ul{animation-name:fadeInDownAdmin; -webkit-animation-name:fadeInDownAdmin; animation-duration:0.15s; animation-delay:0.15s; animation-fill-mode:both;} 下側にスライドする場合使用*/
  @keyframes fadeInDownAdmin{
    from{opacity:0; transform:translateY(-10px); -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); animation-timing-function:ease; visibility:hidden;}
    to{opacity:1; transform:none; -webkit-transform:none; -ms-transform:none; visibility:visible;}
  }
  @keyframes fadeInRightAdmin{
    from{opacity:0; transform:translateX(-10px); -webkit-transform:translateX(-10px); -ms-transform:translateX(-10px); animation-timing-function:ease; visibility:hidden;}
    to{opacity:1; transform:none; -webkit-transform:none; -ms-transform:none; visibility:visible;}
  }

.post-title {
/*background-color: #C0D735;*/
color:#33CC99;
}

.menu-item {
  background-color: #C0D735;
}
#side h4{
  background-color: #C0D735;
}

#side h3{
  background-color: #C0D735;
}

#gnav li a {
  background-color: #C0D735;
}

h2{
/*background-color: #C0D735;*/
display:inline-block;
font-size: 50%;
}

#gnav li .sub-menu li a {
  background-color: #FFFFE0;
  color: #333333;
  padding: 7px 9px;
}

#header .wrap {
  background-image: url("https://www.yotsuba-insatsu.com/wp/wp-content/uploads/2015/10/head.png");
	background-repeat: no-repeat;
	background-attachment: relative;
	background-position: left top;
  }


.boxWrap .boxCha {
  width: 32%;
/*  padding: 1% 0;*/
	padding: 1px;
  float: left;
	border: 1px solid #bfbfbf;
}
.boxWrap .boxChb {
  width: 32%;
/*  padding: 1% 0;*/
	padding: 1px;
  margin: 0 auto;
	border: 1px solid #bfbfbf;
}

.boxWrap .boxChc {
  width: 32%;
/*  padding: 1% 0;*/
	padding: 1px;
  float: right;
	border: 1px solid #bfbfbf;
}

.boxWrap{
  display: flex;
  display: -moz-flex;
  display: -o-flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  margin-bottom: 10px;
}

body.single .main-inner .post-thumbnail img{
display: none;
}

.post-share ul li {
    margin-bottom: 1em;
}

.post-share h3 {
    font-weight: bold;
    line-height: 5;
}

.post-share>div {
    padding: 10px 0px 30px;
}

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

.footer-02 .footer-copy {
    text-align: center;
    font-size: 9px;
}

.post-share {
    line-height: 2;
}

.post-share h4.post-share-title {}

#gnav ul li a {
    line-height: 3;
    font-weight: bold;
    letter-spacing: .08em;
}

article.post section.post-content {
    font-size: 0.87em;
    line-height: 1.75;
    letter-spacing: .06em;
}

article.post section.post-content h2 {
    margin-top: 1em;
}

.post-share h3 {
    margin-top: 2.3em;
    font-weight: bold;
    margin-bottom: 1em;
}

.post-share ul li a {
    color: #333;
    text-decoration: underline;
}

.post-share ul li {
    margin-bottom: 1.33em;
    font-size: .9em;
}
}