@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */



.stripe1 {
	color: #ffffff;
	font-size: 16px;
	line-height: 20px;
	padding: 10px;
	background: repeating-linear-gradient(45deg, #4f4f4f, #4f4f4f 10px, #000000 10px, #000000 20px);
}



.box16{
    padding: 0.5em 1em;
    margin: 2em 0;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}
.box16 p {
    margin: 0; 
    padding: 0;
}


.side_by_side {
width: 696px;
margin-bottom: 20px;
}

.side_left,
.side_right{
margin-left: 12px;
display: inline;
float: left;
}

.clear {
clear: both;
}

.side_p {
text-align:left;
margin-left: 15px;
}






/* モバイル ダブルレクタングル非表示　*/
.ad-entry-bottom{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding: 20px 0px;}
.adslot_1 {display:inline-block;width: 300px;height: 250px;margin-right:70px;}

@media screen and (max-width: 540px){
.ad-entry-bottom{-webkit-justify-content:center;justify-content:center;}
.adslot_1{display:none;}
}






/* ヘッダータイトルの文字を非表示 ロゴ画像採用　*/
#site-title {
	display: none;
}


/* トップ記事一覧の間に線を入れる　*/
#main .entry {
border-bottom: 1px dotted #ccc;
padding-bottom: 15px;
}

/* メタ情報の大きさを変更し、右側へ*/
.post-meta,.entry .post-meta a  {
    font-size: 12px;
    line-height: 160%;
}


/* サムネイル画像にエフェクト */
.entry-thumb,.wpp-thumbnail{
  overflow: hidden;
}
.entry-thumb img,.wpp-thumbnail img{
  transition: 0.6s ;
}
 
.entry-thumb img:hover,.wpp-thumbnail:hover {
   opacity: 0.6;
   -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
}

/* 見出しタグh2 */
.article h2 {
    background-color: #57B196;
    border-left: 0 none;
    color: #fff;
    padding: 15px 30px;
}

/* 見出しタグh3 */
.article h3{
  border-bottom:5px solid #57B196;
  padding:10px 0;
}

/* 関連記事見出し装飾h2 */
#related-entries h2{
  font-size:20px;
  border-bottom:5px solid #57B196;
  padding:10px 0;
}

/* 記事を読む装飾 */
.entry-read a{
 color:#fff;
 font-size:14px;
 background-color:#FF837B;
 border:1px solid #FF837B;
 border-radius:2px;
 padding:3px 10px 3px 5px;
 text-decoration:none;
 }

.entry-read a:hover{
 color:#fff;
 background-color:#FFC3BF;
 border:1px solid #FFC3BF;
}

/* 記事を読むボタン右寄せ */
.entry-read {
  text-align: right;
  margin-right: 10px; /* ここはお好みで */
}

/* サイドバー見出し装飾 */
#sidebar h3 {
  font-size:20px;
  border-bottom:5px solid #57B196;
  padding:10px 0;
}

/* パンくずリストのボタンの装飾 */
#breadcrumb span.sp {
    display:none;
}

#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] {
  background: #F3F3F3;
  padding: 4px;
  position:relative;
  margin-right:20px;
}
 
#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] a:after,
#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] a:before
{
  content:'';
  position:absolute;
  top: 0;
  bottom: 0;
  width: 1em;
  background: #F3F3F3;
  transform: skew(-10deg);
}
 
 
#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] a:before{
  left: -.6em;
  border-radius: 5px 0 0 5px;
}
#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] a:after{
  right: -.6em;
  border-radius: 0 5px 5px 0;
}

#breadcrumb a {
    color: #4D4D4D;
    font-weight:700;
}

#breadcrumb {
    color: #4D4D4D;
}

/*本文のフォント調節 行間 サイズ*/
.article {
  font-size: 16px;
  line-height: 180%;
}

/*グローバルナビの非表示設定*/
#navi {
  display: none;
}

/*モバイルページ ヘッダーロゴ設定*/
@media screen and (max-width: 30em) {
  #header-in {
    background-image: url(http://tsuiteru.site/wp-content/uploads/2018/04/tsuiteru-logo-1.png);
	background-repeat: no-repeat;
  }
}

