@charset "UTF-8";
/*   
Theme Name: hikaku
Template: xeory_base
*/
/*-------------------------------------------------- */
/*親スタイルを読み込み*/
@import url('../xeory_base/style.css');
body {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  overflow-wrap: break-word;
  word-break: normal;
}
.ft{
   font-family: Helvetica, Arial,YuGothic, 游ゴシック, 'Hiragino sans', ヒラギノ角ゴシック, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, sans-serif;

}


h1,h2,h3{font-size: 24px;}

.post-header{line-height: 1em;}
.post-header h3.post-title{font-size: 26px;margin:1em 0 20px 0;line-height: 1em;display: inline-block;vertical-align: middle;}
body.page .post-header h3.post-title{font-size: 21px;border-bottom: 1px solid #eee;color: #f19848;}
body.page .post-header h3.post-title a{color: #776557;}

.post-header span.maker{font-size: 12px;border: 1px solid #f07608;color: #f07608; padding: 2px 10px;font-weight: bold;display: inline-block;vertical-align: middle;margin-top: 0px;}


/*ページ見出し*/
body.page .post-header,
.cat-content {
    background: #fff;
    padding: 10px 40px;
    margin-bottom: 20px;
}

.cat-content, article.post, article.page, article.wp101, article.seo101{border:none;}

body.home #content{padding-top: 15px;}
#content{background-color: #fff;}

#header{padding: 5px 0;background: #d1a576;}
#header h1{font-size: 12px;color: #000;text-align: left;padding: 0px 0 5px 0;}


#footer .footer-01{background-color: #feeab7;}
#footer .footer-01 .wrap{padding: 10px 0;}
#footer .footer-02{background-color: #d1a576;}

#gnav-container{display: inline-block;vertical-align: middle;margin-left: 12px;}
#update-site{display: inline-block;vertical-align: middle;font-size: 12px;color: #000;}
#gnav{background-color: #e97979;border-top-color: #fff;border-top: none;}
#gnav ul{}
#gnav li{padding: 0 1px 0 0;width: 175px;text-align: center;}
#gnav li a {
    display: block;
    border-top: 1px solid #d1a576;
    margin-top: -2px;
    padding: 5px 0px;
    color: #2B2D2D;
    color: #fff;
    background: #e45858;
    text-decoration: none;
}
#gnav li a:hover{border-top: 1px solid #fff;color: #fff; }
#gnav li.current-menu-item a{border-top: 1px #fff solid;}

.wrap{width: 960px;}


.post-loop-wrap article[id*="post-"]{
	margin: 60px auto;
    border: 5px solid #ededed;
    border-radius: 5px;
    padding: 20px;

}
.post-loop-wrap article[id*="post-"]:first-child{margin-top:0;}


[id*="post-"] .post-title a{color:#776557;}
[id*="post-"] .post-content{padding: 0 15px 30px 15px;}
[id*="post-"] .post-thumbnail{position: relative;width: 240px;height: 240px;text-align: center;border: 5px solid #feeab7;border-radius: 10px;padding: 10px;}
[id*="normal-"] .post-thumbnail img,
[id*="post-"] .post-thumbnail img{display: block;margin:auto;position: absolute;top:0;bottom:0;left:0;right:0;padding: 10px;}

[id*="normal-"]{padding: 20px;border-bottom: 1px solid #eee;}
[id*="normal-"]:last-child{border-bottom: none;}
[id*="normal-"] .post-header h3.post-title{font-size: 18px;margin-bottom: 10px;line-height: 1.5em;border-bottom: none!important;}

[id*="normal-"] .post-thumbnail{display: inline-block;width: 50%;}
[id*="normal-"] .post-header{display: inline-block;}
[id*="normal-"] .item-content{padding-top: 10px;}
[id*="normal-"] .post-thumbnail{position: relative;width: 240px;height: 240px;text-align: center;}
[id*="normal-"] .post-content{padding: 0 15px 30px 15px;}
[id*="normal-"] .link-area{text-align: right;}
[id*="normal-"] .link-area a{padding: 2px 10px;border-radius: 5px;font-size: 14px;vertical-align: middle;border:1px solid #2581c4;}
[id*="normal-"] .link-area a:hover{text-decoration: none;}



[id*="post-"] .post-header{padding: 0 15px;position: relative;}
[id*="post-"] .content-left{width: 100px;display: inline-block;vertical-align: middle;margin-bottom: 15px;}


[id*="post-"] .item-content table{margin: 10px 0 10px 0;width: 370px;}
[id*="post-"] .item-content th{font-size: 12px;width: 180px;background-color: #eee;padding: 2px 5px;color: #333;width: 100px;}
[id*="post-"] .item-content td{font-size: 12px;color: #333;background-color: #fff;min-width: 80px;}
[id*="post-"] .item-content td span{font-size: 10px;color: #000;margin-left: 5px;}

[id*="post-"] .link-area{text-align: right;padding: 10px 0;}

[id*="normal-"].link-area a,
[id*="post-"] .link-area a{font-size: 16px;color: #f08b08; display: inline-block;vertical-align: middle;padding: 5px 25px;border:3px solid #f08b08;border-radius: 20px;}


[id*="post-"] .link-area a:hover{text-decoration: none;background-color: #f08b08;color: #fff;}

[id*="post-"] .description{display: inline-block;margin: 15px 0;text-align: left;padding:5px 10px 5px 0px;width: 370px;}
[id*="post-"] .description2{display: block;margin: 15px 0;text-align: left;background-color: #feeab7;padding:10px 10px 15px 10px;border: 1px dashed #c46a1f;border-radius: 3px;}

.description span,
.description2 span{margin-bottom: 5px; display: inline-block;background-color: #e45858;color: #fff;padding: 0px 8px;font-size: 13px;border-radius: 3px;}



.right-content #side {
    width: 220px;
    float: left;
    margin-left: -100%;
}

.right-content .main-inner{margin-left: 250px;}

 #side{text-align: center;}
 #side h3.item{font-size: 14px;line-height: 1.2em;color: #da660c;font-weight: bold;margin:5px auto;}
 #side span.maker{font-size: 12px;padding: 2px 8px;color: #da660c;}

 .side-widget{background-color: #fff;margin-bottom: 20px;border: 1px solid #ddd;padding: 15px;}
 .side-widget:first-child{background-color: none;border: none;padding: 0;}

 .side-widget .textwidget{text-align: left;font-size: 12px;}
 img.blink:hover{opacity: 0.7;}
 .side-widget .about{}
 .side-widget .about h4{font-size: 14px;}
 .side-widget .about p{text-align: left;font-size: 12px;padding: 10px 0;}


#side iframe{text-align: center;display: block;margin:auto;}

 .pagetop span {
    background: #e45858;
}

/* 栄養要素比較 */
#nutrition-tbl{width: 100%;}
#nutrition-tbl thead{background-color: #f7f7f7;}
#nutrition-tbl img{width: auto;height: 64px;display: block;margin:auto;}
#nutrition-tbl th{}
#nutrition-tbl td{font-size: 14px;}
#nutrition-tbl td:first-child{padding:10px;}
#nutrition-tbl td span{font-size: 13px;margin-left: 3px;}


/* メーカー別 */
.maker-list{clear: both;list-style-type: circle;}
.maker-list li{display: inline-block; width: 49%;text-align: left;vertical-align: middle;padding:0 0 5px 0;}
.maker-list li i{margin-left: 8px;color: #da660c;}
.maker-list li a{color: #da660c;}

/* 目的別 */

.purpose-tbl{width: 100%;margin-bottom: 40px;border-spacing: 0;
  border-collapse: separate;border-radius: 5px;border:1px solid #f19844;}
.purpose-tbl thead{background-color: #feeab7;}
.purpose-tbl img{width: 96px;height: auto;}
.purpose-tbl th{border:none; background-color: #feeab7;border-color: #f19844;font-size: 12px;text-align: center;font-weight: bold;padding: 10px 5px;border-right: 1px dashed #fff;}
.purpose-tbl th:last-child{border-right: none;}

.purpose-tbl thead tr:first-child th:first-child{border-radius: 5px 0 0 0;border-bottom: 1px dashed #fff;}
.purpose-tbl thead tr:first-child th:last-child{border-radius: 0 5px 0 0;}

.purpose-tbl tr:last-child th:first-child{border-radius: 0 0 0 5px;}

.purpose-tbl td{border:none;font-size: 14px;border-color: #f19844;padding: 0; border-right: 1px solid #eee;}
.purpose-tbl td a{display: block;padding: 25px 5px;}
.purpose-tbl td:hover{background-color: #f5f5f5;}

.purpose-tbl td:first-child{padding:10px;}
.purpose-tbl td:last-child{border-right: none;}

.purpose-tbl td span{font-size: 13px;margin-left: 3px;}

.purpose-tbl tr td:first-child {
  border-left: none;
}
.purpose-tbl tr:first-child td {
  border-top: none;
}

.page-footer{margin-top: 60px;margin-bottom: 20px;position: relative;}
.page-footer span.chui{
position: absolute;
  left: 5px;
  top: -15px;
  font-size: 14px;
  color: #fff;
  padding: 10px 10px;
  border-radius: 100%;
  background-color: #e45858;
  z-index: 999;

}



.mb40{margin-bottom: 40px;}


.content-img{float: left;width: 40%;}
body.home .content-img{float: left;width: 20%;margin-right: 15px;}
body.home .content-img img{border-radius: 100%;border:1px solid #000;}

.out-border{border: 5px solid #eee;border-radius: 10px;padding: 20px;line-height: 2em;position:relative;}
.page-message{border: 5px solid #feeab7;border-radius: 10px;line-height: 2em;position:relative;}
.inner{border:2px solid #d9b895;padding: 20px;border-radius: 5px;color: #927d67;
    font-family: "UD Shin Go Regular",メイリオ, Meryo, sans-serif;
}
.page-footer .inner{padding: 30px 30px;}