@charset "UTF-8";

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

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


h3 {
position: relative;
}


h3:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 7px;
background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
}


/* グローバルメニュー */
#navi {
 border-bottom:1px solid #3a1717;
}
#navi ul{
  border: none;
  background:none;
  border-radius:0px;
  font-weight:bold;
}
 
#navi ul li a:hover{
  background:none;
  color:#A37E58;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
#navi ul.sub-menu{
  border: none;
  display: block;
  visibility: hidden;
  opacity: 0;
  margin-top:30px;
  margin-right:40px;
}
#navi li.menu-item-has-children ul{
  opacity: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#navi li.menu-item-has-children:hover ul{
  display: block;
  visibility : visible;
  opacity: 1;
  margin-top:0px;
}
#navi li.menu-item-has-children ul li{
  line-height: 40px;
  height:40px;
  background-color:#A37E58;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#navi li.menu-item-has-children ul li a{
  color:#FCFBE3;
  height:40px;
  padding: 0 0 0 15px;
}
#navi li.menu-item-has-children ul > li a:hover{
  background-color:#FCFBE3;
}
#navi li.menu-item-has-children ul:before,
#navi li.menu-item-has-children ul:after{
  top: -10px; 
  left: 20px;
  margin-left:-12px;
}
 
#navi li.menu-item-has-children ul:before,
#navi li.menu-item-has-children ul:after{
  content: " ";
  height: 0;
  width: 0;
  bottom: 100%;
  position: absolute;
  pointer-events: none;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #A37E58 transparent;
  z-index: -1;
}


/*---------------------------------
続きを読む
--------------------------------*/
.entry-read a{
 
 color:#fff;
 font-size:10px;
 padding:3px 7px 3px 7px;
 background-color:#FF837B;
 border:1px solid #FF837B;
 border-radius:4px;
 padding:3px 7px 3px 7px;
 text-decoration:none;
 }
 
.entry-read a:hover{
 color:#fff;
 background-color:#FFC3BF;
 border:1px solid #FFC3BF;
}
.entry-read {
  text-align: right;
  margin-right: 5px; 
}
.related-entry-read {
  text-align: right;
  margin-right: 5px; 
}
.related-entry-read a{
 color:#fff;
 font-size:12px;
 background-color:#FF837B;
 border:1px solid #FF837B;
 border-radius:4px;
 padding:3px 5px 3px 5px;
 text-decoration:none;
 }
 
.related-entry-read a:hover{
 color:#fff;
 background-color:#FFC3BF;
 border:1px solid #FFC3BF;
}



/*---------------------------------
パンクズ
--------------------------------*/
#breadcrumb span.sp {
	display:none;
}
#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] {
  background: #F7F7F7;
  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: #F7F7F7;
  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;
}



/*トップページのみ枠を消す */
.home #main{
    border:none;
}



/*---------------------------------
関連記事を線で区切る
--------------------------------*/
#main .entry {
    border-bottom: 1px dotted #333333;
    padding-bottom: 15px;
}
#main .related-entry {
    border-bottom: 1px dotted #333333;
    padding-bottom: 15px;
}



/* サムネイル画像にエフェクト */
.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);
}


/*記事幅を狭くする(pc)*/
  #the-content {
   padding: 0 30px;
  }


/*記事幅を狭くする(mobile)*/
  #the-content {
   padding: 0 5px;
  }

#navi-in{
    display: flex;
    justify-content: center;
}