@charset "UTF-8";
@import url("../simplicity/style.css");

/*
Theme Name: Simplicity child
Template:   simplicity
Version:    20150920
*/

/* Simplicity子テーマ用のスタイルを書く */
/************************************
** メニュー（menu）
************************************/
#navi ul{
  position: relative;
  clear: both;
  margin-bottom: 0;
  border: 1px solid #ddd;
  background-color:#eee;
  border-radius:3px;
  margin:0;
  padding:0;
  width:100%;
}


#navi ul > li{
  float: left;
  list-style:none;
  position: relative;
}

#navi ul li a{
  font-size:14px;
  display: block;
  padding: .3em .7em;
  color:#111;
  text-decoration:none;
  z-index:99;
}
#navi ul li a:hover{
  background-color:#87C6CA;
}

#navi ul.sub-menu,
#navi ul.children{
  position: absolute;
  display: none;
  margin-left: 0;
  min-width:200px;
  border: 1px solid #ddd;
  list-style:none;
  padding-left:0;
  z-index:99;
}
#navi .sub-menu li,
#navi .children li{
  position: relative;
  border: none;
  float:none;
}
/*編集前↓
#navi .children li{
  position: relative;
  border: none;
  float:none;
  height:31px;
}
*/



#navi ul.sub-menu ul,
#navi ul.children ul {
  top:-31px;
  left:200px;
  position:relative;
}
#navi ul li:hover > ul{
  display: block;
}

/* Clearfix) */
#container:after,
#navi ul:after,
.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
  font-size: 0;
}

/* clearfix for ie7 */
#container,
#navi ul,
.clearfix {
  /*display: inline-block;*/
}

#container,
#navi ul,
.clearfix {
  display: block;
}

/************************************
** 見出し（H1-6）
************************************/
h1, h2, h3, h4, h5, h6{
  line-height:130%;
  color:#333;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{
  position:relative;
  margin-top:35px;
  margin-bottom:20px;
}
.article h1 {
    padding-bottom: 15px;
  font-size: 24px;
}
.article h1:first-letter{
    font-size:40px;
}

#archive-title{
  padding-bottom:20px;
  font-size:26px;
}
.article h2 {
  margin-right:1.5em;
  margin-top:1em;
  margin-bottom:1em;
  padding: 0.5em 0 0.3em 1em;
  border-left: 0 none; 
  border-top: 2px solid #8AD2D6; 
  border-bottom: 2px solid #8AD2D6; 
  border-right: 2px solid #8AD2D6; 
  font-size: 24px;
  font-weight: bold;
    -webkit-border-top-right-radius:10px;
    -webkit-border-bottom-right-radius:10px;
  background: #8AD2D6;
}

.article h3,
#comment-area h3,
#related-entries h3{
  padding: 0.5em 0 0.3em 1em;
  border-left: 2px solid #8AD2D6; 
  border-bottom: 2px solid #8AD2D6; 
  border-top: 2px solid #8AD2D6; 
  border-right: 0 none; 
  font-size: 20px;
  font-weight: bold;
    -webkit-border-top-left-radius:10px;
    -webkit-border-bottom-left-radius:10px;
}

.article h4,
#comment-area h4,
#related-entries h4{
  padding: 0.5em 0 0.3em 1em;
  border-left: 3px dashed #8AD2D6; 
  border-bottom: 3px dashed #8AD2D6; 
  border-right: 0 none; 
  font-size: 16px;
  font-weight: bold;
    -webkit-border-bottom-left-radius:10px;
}

.article h5, .article h6{
  font-size:14px;
  padding:8px 0;
}

/************************************
** マーカー
************************************/
.marker_water {
background: linear-gradient(transparent 60%, #9BDBDD 60%);
}
.mizuiro {
background-color: #cfe8e9;
padding:1em;
}
/************************************
** 点線
************************************/
hr.dot{
border:none;
border-top:dashed 1px #FA303D;
height:1px;
color:#FFFFFF;
}

/************************************
** タイトルロゴ
************************************/
.site-title-img {
	height:100px;
}
/************************************
** お知らせボックス
************************************/
.box1{
  width: 100%;/*全体の幅*/
	margin-top: 20px;
  font-size: 14px;/*文字サイズ*/
  border: solid 2px #8AD2D6;
    -webkit-border-top-right-radius:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -webkit-border-bottom-left-radius:10px;
  }
.box1 dt{/*タイトル部分の設定*/
  position: absolute;
  width: 5em;/*タイトルの幅*/
  font-weight: bold;/*太字*/
  margin: -12px 20px 0 20px;
  padding: 6px 0 4px 1em;
  border: solid 2px #8AD2D6;/*枠の色*/
    -webkit-border-top-right-radius:7px;
    -webkit-border-top-left-radius:7px;
    -webkit-border-bottom-right-radius:7px;
    -webkit-border-bottom-left-radius:7px;
	background: #ffffff;/*枠内の背景色*/
  }
.box1 dd{/*内容部分*/
  margin: 0;
  padding: 1em 0 8px 0;
  border: solid 2px #8AD2D6;/*枠の色*/
	background: #8AD2D6;/*枠内の背景色*/
  }
.box1 dd p{/*段落*/
  padding: 0.7em;/*テキスト部分の余白*/
  margin: 0;
  }

  
/************************************
** 利用規約記載用ボックス
************************************/
.box2{
  width: 100%;/*全体の幅*/
	margin-top: 20px;
  font-size: 14px;/*文字サイズ*/
  border: solid 2px #FA303D;
  }
.box2 dt{/*タイトル部分の設定*/
  position: absolute;
  width: 6em;/*タイトルの幅*/
  font-weight: bold;/*太字*/
  margin: -12px 20px 0 20px;
  padding: 6px 0 4px 1em;
  border: solid 2px #FA303D;/*枠の色*/
	background: #ffffff;/*枠内の背景色*/
  }
.box2 dd{/*内容部分*/
  margin: 0;
  padding: 1em 0 8px 0;
  border: solid 2px #FA303D;/*枠の色*/
	background: #ffffff;/*枠内の背景色*/
  }
.box2 dd p{/*段落*/
  padding: 0.7em;/*テキスト部分の余白*/
  margin: 0;
  }  
  
/************************************
** カルトナージュレシピページ
************************************/
  
html, body, div, span,
dl, dt, dd, ol, ul, li,
table,article {
  margin: 0;
  padding: 0;
 }
  
  article.page .content {
  *zoom: 1; }
  article.page .content:before, article.page .content:after {
    display: table;
    content: "";
    line-height: 0; }
  article.page .content:after {
    clear: both; }
article.page .plan {
  *zoom: 1;
  margin-bottom: 1em; }
  article.page .plan:before, article.page .plan:after {
    display: table;
    content: "";
    line-height: 0; }
  article.page .plan:after {
    clear: both; }
  article.page .plan .left {
    width: 320px;
    float: left; }
  article.page .plan .right {
    float: right;
    width: 320px; }
  article.page .plan dl {
    *zoom: 1;
    margin-bottom: 0 !important;
    padding: 7px 0; }
    article.page .plan dl:before, article.page .plan dl:after {
      display: table;
      content: "";
      line-height: 0; }
    article.page .plan dl:after {
      clear: both; }
    article.page .plan dl dt {
      border-left: 3px solid #8AD2D6;
      padding-left: 8px;
      float: left;
      width: 110px;
      font-size: 10px;
      font-size: 1.0rem; }
    article.page .plan dl dd {
      float: left;
      margin-bottom: 0;
      width: 200px; }
      article.page .plan dl dd em {
        color: #f92c1c; }
		
    article.page .updatelog dl dt {
      background-color: #8AD2D6;
	  border: 3px solid #8AD2D6;
	  border-radius : 10px;
      box-sizing: border-box;
	  width: 90px;
      padding: 8px;
      font-size: 10px;
      font-size: 1.0rem; }
     article.page .updatelog dl dd em {
        color: #f92c1c; }