@charset "UTF-8";

/*子テーマ用「base.css」*/

/* タブ　タイトル枠　2 */
.kakomi-tab2 {
 position: relative;
 margin: 3em auto;
 padding: 1.2em 1em 1em;
 width: 90%;
 background-color: #fff; /*BOX背景色 */
 border: 2px solid #8d93c8; /* 枠線の太さ・色 */
 box-shadow: 2px 2px 2px #ccc; /* 影の色 */
}
.title-tab2 {
 position: absolute;
 display: inline-block;
 top: -28px; /*タブ調整 */
 left: -2px; /*タブ調整 */
 padding: 1px 10px;
 height: 26px;
 font-weight: bold;
 color: #fff; /* タイトル色 */
 background-color: #8d93c8; /* タイトル背景色 */
 border-radius: 8px 8px 0 0;
}

/* タブ　タイトル枠　3 */
.kakomi-tab3 {
 position: relative;
 margin: 3em auto;
 padding: 1.2em 1em 1em;
 width: 90%;
 background-color: #fff; /*BOX背景色 */
 border: 2px solid #ff7979; /* 枠線の太さ・色 */
 box-shadow: 2px 2px 2px #ccc; /* 影の色 */
}
.title-tab3 {
 position: absolute;
 display: inline-block;
 top: -28px; /*タブ調整 */
 left: -2px; /*タブ調整 */
 padding: 1px 10px;
 height: 26px;
 font-weight: bold;
 color: #fff; /* タイトル色 */
 background-color: #ff7979; /* タイトル背景色 */
 border-radius: 8px 8px 0 0;
}

.main-body h2{
	position: relative;
        color: #fff;
        font-size: 1.400em;
        font-weight: bold;
	padding: .4em 1em;
	background-color: #ff0000;
}
.main-body h2::before,
.main-body h2::after {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
}
.main-body h2::before {
       top: 100%;
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #5f5f5f;
}
.main-body h2::after {
top: -15px;
	right: 0;
	border-style: solid;
	border-width: 0 15px 15px 0;
	border-top-color: #5f5f5f;
}
.main-body h3 {
	position: relative;
font-size: 23px;
      font-weight:bold;
	padding-bottom: .5em;
	border-bottom: 4px solid #e91e1e;
}
.main-body h3::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	/*background-color: #ff0000;*/
}

.main-body h4{
	margin: 30px 0 25px;
	padding: 0 0 4px;
	border-bottom: 1px dashed #F42203;
	font-weight: bold;
	font-size: 1.25em;
	color: #4b3a24;
}

/*---------------------------------------------------------------------
    太文字下線のみ色
----------------------------------------------------------------------*/

.hutomojiline {
  background: linear-gradient(transparent 50%, #FFFF33     50%);
  font-weight: bold;

  }

.under {
  background: linear-gradient(transparent 50%, #FFFF33     50%);

}

/* アンダーラインマーカーを追加 */
.marker-pink {
background: linear-gradient(transparent 60%, #ff99cc 60%);
}
.marker-Purple {
background: linear-gradient(transparent 60%, #cc99ff 60%);
}
.marker-orange {
background: linear-gradient(transparent 60%, #ffa500 60%);
}
.marker-blue {
background: linear-gradient(transparent 60%, #99ccff 60%);
}



/* ----------------------------------------------------
 SNSボタン
-----------------------------------------------------*/
.sns-wrap {
    width:100%;
    margin-top: 1em;
}
.sns {
    margin: 0 auto;
    list-style: none;
}
.sns a {
    text-decoration: none;
    font-size: 13px;
}
.sns {
    text-align: center;
}
.sns li {
    float: left;
    width: 19%;
    margin: 0 1% 3% 0;
}
.sns a {
    position: relative;
    display: block;
    padding: 10px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
}
.sns span,
.sns .fa {
    margin-right: .0em;
    color: #fff;
}
.sns li a:hover {
    -webkit-transform: translate3d(0px, 5px, 1px);
    -moz-transform: translate3d(0px, 5px, 1px);
    transform: translate3d(0px, 5px, 1px);
    box-shadow:none;
}
.sns .twitter a {
    background: #55acee;
    box-shadow:0 5px 0 #0092ca;
}
.sns .facebook a {
    background: #315096;
    box-shadow:0 5px 0 #2c4373;
}
.sns .googleplus a {
    background: #dd4b39;
    box-shadow: 0 5px 0 #ad3a2d;
}
.sns .hatebu a {
    background: #008fde;
    box-shadow: 0 5px 0 #016DA9;
}
.sns .line a {
    background: #78C315;
    box-shadow: 0 5px 0 #359A34;
}
.sns .pocket a {
    background:#f03e51;
    box-shadow:0 5px 0 #c0392b;
}
.sns .rss a {
    background:#ffb53c;
    box-shadow:0 5px 0 #e09900;
}
.sns .feedly a {
    background:#87c040;
    box-shadow:0 5px 0 #74a436;
}
.sns .twitter a:hover {
    background: #0092ca;
}
.sns .facebook a:hover {
    background: #2c4373;
}
.sns .googleplus a:hover {
    background: #ad3a2d;
}
.sns .hatebu a:hover {
    background: #016DA9;
}
.sns .line a:hover {
    background: #359A34;
}
.sns .pocket a:hover {
    background: #c0392b;
}
.sns .rss a:hover {
    background: #e09900;
}
.sns .feedly a:hover {
    background: #74a436;
}
@media only screen and ( max-width: 736px ) {
    .sns li {
        width: 30%;
        margin: 0 3% 4% 0;
    }
    .sns a {
        padding: 20px 5px 20px 5px; 
    }
}



.arve-wrapper {
    /*max-width: 600px;*/
    margin: 0 auto;
}

/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

.site-header {
	/*background: url(https://kintore-diet.info/wp-content/themes/keni7_child/images/common/header-border.png) repeat-x top center;*/
}

.site-header {
    /* background: url(../keni71_wp_pretty_red_201805241504/images/common/header-border.png) repeat-x top center; */
}
.main-body{
	margin-top: 2em;
	padding-bottom: 30px;
	/*background: url(https://kintore-diet.info/wp-content/themes/keni7_child/images/common/header-border.png) repeat-x bottom center;*/
}

body{
	font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	background-color: #fff;
}

/*チェックリスト*/
.check-list,
.check-list-l{
    margin-left: 0;
    padding: 1em;
    padding-bottom: 0;
    background: rgba(255, 235, 59, 0.32);
    border: 1px dashed #8effc6;
}
/*表*/
th, td {
    color: #4b3a24;
    padding: 0.5em 1em;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
}

th{
	background-color: #9f9f9f29;
	font-weight: bold;
	text-align: left;
}

thead th{
	background-color: #3e8adb;
	color: #fff;
	text-align: center;
}


/* タイトル付　枠（影）1　*/
.kakomi-box12 {
 position: relative;
 margin: 2em auto;
 padding: 1.2em;
 width: 90%;
 color: #555555; /* 文字色 */
 background-color: #fff;
 border: 3px solid #ff5e5e; /* 枠線の太さ・色 */
 box-shadow: 2px 2px 1px #ccc;/* 影の色 */
}
.title-box12 {
 position: absolute;
 padding: 0 .5em;
 left: 20px;
 top: -15px;
 font-weight: bold;
 background-color: #fff; /* タイトル背景色 */
 color: #ff5e5e; /* タイトル文字色 */
}


/* サイドバー*/
.sub-conts .section-wrap .section-in .section-title,
.sub-conts .section-wrap .article-header .section-title{
	
	background: linear-gradient(transparent 90%, #ff763e 70%);
	font-weight:bold;
     font-size: 1.4em;
		
}


/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/

.global-nav{
	padding: 0;
	background: #ff6363;
	background-size: contain;
}

/*--------------------------------------------------------
テーブル文字大きさ
--------------------------------------------------------*/
table {
    width: 100%;
    margin: 1em 0;
    padding: 0;
    border-top: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
    font-size: 12px;
}

.main-body h3 {
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 5px #f46e6e;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/
font-size: 20px;/*文字大きさ*/
}

body{
	font-family: '游ゴシック', 'Yu Gothic', sans-serif !important;
	font-size: 17px;
	
}

table {
    width: 100%;
    margin: 1em 0;
    padding: 0;
    border-top: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
    font-size: 14px;
}

.main-body p{
font-size: 18px; 
}

/*--------------------------------
　ボックス＋アイコン（オリジナル）
---------------------------------*/
/* Note（灰色背景） */
.memo.note {
  background: #f6f6f6;
}
.memo.note .memo_ttl {
  color: #777777;
}
.memo.note .memo_ttl:before {
  background: #777777;
  font-family:"FontAwesome";	
  content: "\f02d";
}
/* Sefe（水色背景） */
.memo.safe {
  background: #e8f4ff;
}
.memo.safe .memo_ttl {
  color: #5dbce8;
}
.memo.safe .memo_ttl:before {
  background: #5dbce8;
	  font-family:"FontAwesome";	
  content: "\f2b4";
}
/* メモ */
.memo {
    margin-bottom: 1.5em;
    padding: 1em;
    background: #fffcd2;
    color: #545454;
}

.memo_ttl {
    margin-bottom: 5px;
    color: #ffaa00;
    font-size: 1.2em;
    font-weight: bold;
}

.memo_ttl:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 3px 0 0;
    border-radius: 50%;
   background: #ffaa00;
    color: #fff;
    font-family: FontAwesome;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    content: "\f044";
}



/* 注意 */
.memo_tyui {
    margin-bottom: 1.5em;
    padding: 1em;
    background: #ffe2e2;
    color: #545454;
}

.memo_tyui_ttl {
    margin-bottom: 5px;
    color: #fd3e3e;
    font-size: 1.2em;
    font-weight: bold;
}

.memo_tyui_ttl:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 3px 0 0;
    border-radius: 50%;
    background: #fd3e3e;
    color: #fff;
    font-family: FontAwesome;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    content: "\f071";
}

/* 背景黄色*/
.haikei_kiro {
    margin-bottom: 1.5em;
    padding: 1em;
    background: #fffcd2;
    color: #545454;
}
/* ホワイトボード風*/
.wboard-w1 {
 position: relative;
 margin: 2em auto;
 padding: 1em 1em 1em;
 width: 90%; /* ボックス幅 */
 background-color: #fff; /* ボックス背景色 */
 color: #000000; /* 文章色 */
 border: 5px solid #C0C0C0; /* 枠線 */
 border-radius: 3px; /* 角の丸み */
 box-shadow: 0 0 8px #333, 0 0 2px #555 inset;
}
.wboard-w1::before,
.wboard-w1::after {
 position: absolute;
 content: '';
 bottom: 3px;
 width: 25px; 
 border-radius: 2px;
 box-shadow: 1px 1px 3px #666;
} 
.wboard-w1::before {
 right: 55px;
 border: solid 3px #ff0000; /*飾ペン赤 */
}
.wboard-w1::after {
 right: 20px;
 border: solid 3px #333; /*飾ペン黒 */
 transform: rotate(8deg); /*飾ペン角度 */
}

.akafuto {
    color: #ff0000;
    font-weight: bold;
}


.akafutodai {
    color: #ff0000;
    font-weight: bold;
    font-size: 22px;
}

.hutomojiline {
  background: linear-gradient(transparent 50%, #ffb8b8     50%);
  font-weight: bold;

	 }

.hutomojiline-ao {
    background: linear-gradient(transparent 50%, #d0e8ff 50%);
    font-weight: bold;
}
.instagram-media {
    position: static!important;
}