@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

body {
  /* フォントの種類 */
   font-family: 'メイリオ', Meiryo, Osaka, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /* フォントのサイズ */
  font-size: 14px;
  /* スマートフォン文字サイズの自動調整を行います */
    -webkit-text-size-adjust: 100%;
  /* フォントの色 */
  color: #333;
  /* カーニングの設定 */
  /* 行間の設定 */
  line-height: 1.5;
  margin: 0;
  overflow-wrap: break-word;
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


nav#navi, .menu-header .sub-menu{
    font-weight: bold;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,0.2);
}

.menu-header .sub-menu .item-label{
    font-size: 80%;
}

.menu-header .current-menu-item,
.menu-header .current-post-item,
.menu-header .current-menu-ancestor,
.menu-header .current-post-ancestor,
.menu-header .menu-item:hover {
    color: #333 !important;
    border-bottom: 3px solid #FDD835;
    transition: all .2s ease;
}

.menu-header .sub-menu .menu-item,
.menu-header .sub-menu .menu-item:hover{
    border-bottom: none;
}
.menu-header .current-menu-item>a .item-label,
.menu-header .current-post-item>a .item-label,
.menu-header .current-menu-ancestor>a .item-label,
.menu-header .current-post-ancestor>a .item-label,
.menu-header .item-label:hover{
    color: #333 !important;
    transition: all .2s ease;
}


nav#navi, .menu-header .sub-menu{
    font-weight: bold;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,0.2);
}

.menu-header .sub-menu .item-label{
    font-size: 80%;
}

.menu-header .current-menu-item,
.menu-header .current-post-item,
.menu-header .current-menu-ancestor,
.menu-header .current-post-ancestor,
.menu-header .menu-item:hover {
    color: #333 !important;
    border-bottom: 3px solid #FDD835;
    transition: all .2s ease;
}

.menu-header .sub-menu .menu-item,
.menu-header .sub-menu .menu-item:hover{
    border-bottom: none;
}
.menu-header .current-menu-item>a .item-label,
.menu-header .current-post-item>a .item-label,
.menu-header .current-menu-ancestor>a .item-label,
.menu-header .current-post-ancestor>a .item-label,
.menu-header .item-label:hover{
    color: #00FFFF !important;      /* 変更 #333 */
    transition: all .2s ease;
}



/*****************************************************
** 比較表
******************************************************/
/* 比較表全体 */
.compare-box {
  display:-webkit-box;/* 配置 */
  display:-ms-flexbox;/* 配置 */
  display:flex;/* 配置 */
  max-width:600px;/* 横幅 */
  margin: 0 auto 2rem;/* 余白 */
  border-radius:4px;/* 角丸 */
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2); /* 影 */
  background: #fef9ed; /* 背景色 */
}
/* 左のボックス、右のボックス */
.compare-box .compare-left-wrap, .compare-box .compare-right-wrap{
  width:50%;/* 横幅半分ずつ */
  overflow:hidden;/* はみ出さないように*/
}
/* 左のタイトル、右のタイトル */
.compare-box .compare-left-head, .compare-box .compare-right-head{
  background: #fdc44f; /* 背景色 */
  text-align: center;/* 中央寄せ */
  color: #FFF; /* 文字色 */
  font-weight: bold;/* 文字太さ */
  padding:0em 1em;/* 余白 */
  font-size:15px;/* 文字大きさ */
  line-height:1.5;/* 行間 */
  height:65px;/* 縦幅 */
  display:table-cell;/* 形式 */
  vertical-align:middle;/* 高さ中央寄せ */
  width:1000px;/* 横幅 */
}
/* 左のタイトル */
.compare-box .compare-left-head{
  border-radius:4px 0 0 0;/* 角丸 */
}
/* 右のタイトル */
.compare-box .compare-right-head{
  border-radius:0 4px 0 0;/* 角丸 */
}
/* 左のコンテンツ、右のコンテンツ */
.compare-box .compare-left, .compare-box .compare-right{
  padding:1.5em;/* 余白 */
  font-size:15px;/* 文字大きさ */
  line-height:2;/* 行間 */
  text-align: justify;/* 段落両端 */
  text-justify: inter-character;/* 段落両端 */
}
/* 文章 */
.compare-box p {
  padding: 0;/* 余白 */
  margin: 0 0 20px 0;/* 余白 */
}
/*スマホで見たとき*/
@media screen and (max-width: 480px){
  /* 左のタイトル、右のタイトル */
  .compare-box .compare-left-head, .compare-box .compare-right-head{
    font-size:12px;/* 文字大きさ */
    height:50px;/* 高さ */
  }
  /* 左のコンテンツ、右のコンテンツ */
  .compare-box .compare-left, .compare-box .compare-right {
      padding: 1.2em;/* 余白 */
      font-size: 12px;/* 文字大きさ */
   }
}


/************************************
** 比較表 箇条書き(記号)
************************************/
/* 箇条書き(記号) */
.compare-box .list{
   list-style: none !important;/* 行頭記号リセット */
   padding:0 !important;/* 余白リセット */
   margin:0 !important;/* 余白リセット */
   border:none !important;/* 線リセット */
}
/* 箇条書き 行 */
.compare-box .list li { 
   border-bottom:1px dashed #cdcdcd;/* 線(太さ 種類　色) */
   position: relative;/* 配置 */
   margin:0.5em 0 !important;/* 余白 */
   max-width:500px;/* 横幅 */
   padding: 0 0 0.7em 1.4em !important;/* 余白 */
   line-height:1.8;/* 行間 */
}
/* 箇条書き 行最後 */
.compare-box .list li:last-child{ 
   border:none;
}
/* 箇条書き 行頭記号 */
.compare-box .list li:before {
   background-color:  #ffa952; /* 色 */
   position: absolute;/* 配置 */
   content: '';/* 空文字 */
   top: 10px;/* 上からの距離 */
   left: 7px;/* 下からの距離 */
   width: 7px;/* 横幅 */
   height: 7px;/* 縦幅 */
   border-radius: 4px;/* 角丸 */
}
/*スマホで見たとき*/
@media screen and (max-width: 480px){
  /* 箇条書き 行頭記号 */
  .compare-box .list li:before {
    top: 9px;/* 上からの距離 */
    left: 3px;/* 下からの距離 */
    width:5px;/* 横幅 */
    height:5px;/* 縦幅 */
  }
}
/************************************
** 比較表　箇条書き(番号)
************************************/
/* 箇条書き(番号) */
.compare-box .list-number{
   counter-reset:number; /* 番号リセット */
   list-style: none !important;/* 行頭番号削除) */
   padding:0 !important;/* 余白リセット */
   margin:0 !important;/* 余白リセット */
   border:none !important;/* 線リセット */
}
/* 箇条書き(番号) 行 */
.compare-box .list-number li {
   position: relative;/* 配置 */
   margin:0.5em 0 !important;/* 余白 */
   max-width:500px; /* 横幅 */
   padding: 0 0 0.5em 1.8em !important;/* 余白 */
   line-height:1.8;/* 行間 */
  border-bottom:1px dashed #cdcdcd;/* 線(太さ 種類　色) */
}
/* 箇条書き 行最後 */
.compare-box .list-number li:last-child{ 
   border:none;
}
/* 箇条書き(番号) 行頭番号 */
.compare-box .list-number li:before {
   counter-increment: number;/* 番号 */
   content: counter(number);/* 番号 */
   background-color: #fdc44f; /* 背景色 */
   color: #fff; /* 番号色 */
   position: absolute;/* 配置 */
   font-weight:bold;/* 文字太さ */
   font-size: 12px;/* 文字大きさ */
   border-radius: 50%;/* 角丸 */
   left: 0;/* 左からの距離 */
   top:5px;/* 上からの距離 */
   width: 18px;/* 横幅 */
   height: 18px;/* 縦幅 */
   line-height: 18px;/* 行間 */
   text-align:center;/* 中央寄せ */
}
/* 箇条書き 行頭記号リセット */
.compare-box .list-number li:after{
  content:'';
}
/*スマホで見た時*/
@media screen and (max-width: 480px){
  /* 箇条書き(番号) 行 */
  .compare-box .list-number li{
     padding: 0 0 0.5em 1.8em !important;/* 余白 */
  }
  /* 箇条書き(番号) 行頭番号 */
  .compare-box .list-number li:before {
    font-size:10px;/* 文字大きさ */
    width: 16px;/* 横幅 */
    height: 16px;/* 縦幅 */
    line-height: 16px;/* 行間 */
    top:2px;/* 上からの距離 */
  }
}


/*******************************************************
** /* グローバルナビメニュー　カスタマイズ
*******************************************************/
/* 文字をきれいに表示 */
#navi {
   font-weight: bold;
   text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

/* （副項目）を非表示。*/
#navi .menu-item-has-children>a::after {
   display: none;
}

/* 固定 */
.navi {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.navi.fixed {
    position: fixed;
    top: 0;
    z-index: 10000;
    opacity:0.9;
    padding:20px 0;
}

/* 高さを変更 */
#navi .navi-in > ul li{
	height: 40px;
	line-height: 50px;
}

/* 左寄せ */
.hlt-top-menu .navi {
  margin-right: 40px;
}

/* --- サブメニュー ------ */
.sub-menu .caption-wrap {
	font-size: 1.2em;
	border-top: dotted #dddddd;
	padding:0 0 0 2em;
	margin:0;
}
.navi-in > ul .sub-menu a:hover {
	transform: none!important;
}
div#header-container {
	box-shadow: none;
}
	div.item-label{
	font-weight:bold;
}


/* *************  リンク ******************* */
/* リンクの文字色 */
a {
color: #333333;
text-decoration: underline;
}

/* リンクの下線を消す */
a {
    text-decoration: none;
}
 
/* マウスオーバー時にリンクの下線を付ける */
a:hover {
color: #660099;
    text-decoration: underline;
}


/* -------- パンくずリスト ----------------------- */
.breadcrumb {
  color: #666;
  font-size: 0.9em;
  font-weight: bolder; 
}

#breadcrumb-list {
  display: flex;
  color: #666;
  font-size: 0.7em;
  font-weight: bolder;
}



/* --------- ページヘッダータイトルバー -------- */
header .entry-title, 
.page-header h1 {
  padding: 0.3em 0.5em 0.1em 1.0em;
  font-size: 1.5em;
  font-weight: 800; 
  color: #494949;
  text-shadow: 0 1px 0 #b4b4b4, 0 3px 0 #bbbbbb, 0 3px 5px rgba(0, 0, 0, .250);
  background: #E0FFFF;
  border-top: solid 1px #eef9ff;
  border-left: solid 5px #7db4e6;
  border-bottom: solid 3px #4f4f4f;
  border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
  }



/* ------------------ 固定ページ用中見出し ----------------------------- */
.headline h4 {
  position: relative;/*相対位置*/
  border-top: solid 1px #000;
  border-bottom: solid 2px #000;
  background-color: #b1eab8;
  padding-left: 1.8em;/*アイコン分のスペース*/
  padding-bottom: 0.3px;
  line-height: 1.5;/*行高*/
}

.headline :before {
  font-family: "Font Awesome 5 Free";
  content: "\f1b0";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 12px;/*アイコンの位置*/
  top: 25%;/*アイコンの位置*/
  color: #ffa7a1; /*アイコン色*/
}


/* --------------- カスタム投稿用中見出し ------------------------------ */
.entry-header h4 {
    position: relative;
    font-size: 1.2em;
    font-weight: bold;
    margin: 3.0em 0 1.5em;
    padding: 0 0.5em 0 3.0em;
    border-bottom: 10px solid #04B431;
   box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.5);
   }
 
.entry-header h4:before{
    content: "□";
    font-size: 200%;
    font-weight: bold;
    position: absolute;
    color: #f22f56;
    top: -0.6em;
    left: 0.3em;
    height: 12px;
    width: 12px;
}
 
.entry-header h4:after{
    content: "□";
    font-size: 200%;
    font-weight: bold;
    position: absolute;
    color: #4169E1;
    top: -0.4em;
    left: 0;
    height: 12px;
    width: 12px;
}



/*---- entry-meta ------------- */
.entry-header,
.entry-content,
.entry-meta {
   margin-top: 2.0em;
   margin-bottom: 2.0em;
   margin-left: 1.5em;
   margin-right: 0;
   font-size: 100%;
}


 /* ***** キャッチフレーズ********* */
.tagline {
  background-color: transparent;
  font-size: 2.0em;
  color: #00ffff;
  font-weight: bold;
  text-shadow: 0 1px 0 #696969, 0 3px 0 #696969, 0 3px 5px rgba(0, 0, 0, .250);
}



/* ------ エントリーカテゴリー ----------- */
.entry-category, .post-date,
.post-update,
.post-author,
.amp-back {
  padding: 2px;
  display: inline;
  font-size: 0.8em;
}


/************************************
** ■日付のカスタマイズ
************************************/
.date-tags {
  line-height: 2.0;
  margin-top: 20px;
  color: #666;
}
.post-date, .post-update {
  font-size: 16px;
  padding-right: 4px;
  padding-left: 20px;
  padding-bottom: 20px;
  display: inline;
}
.post-date::before {
  font-family: FontAwesome;
  content: "\f093";
  padding-right: 4px;
  padding-left: 20px;
}
.post-update::before {
  font-family: FontAwesome;
  content: "\f148";
  padding-right: 4px;
  padding-left: 20px;
  
}

/* ************ ウィジェットタイトルリスト ************ */
.widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_rss ul li a,
.widget_nav_menu ul li a {
  color: #333;
  font-weight: bold;
  text-decoration: none;
  padding: 0 0;
  margin-top: 25px;
  display: block;
  padding-right: 4px;
  padding-left: 30px;
}

.sidebar h3 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.widget_recent_entries ul li a {
    margin-top: 15px;
    margin-bottom: 0;
}


/* ***** ウィジェットタイトル ******** */
#sidebar .widget-sidebar-title {
    position: relative;
    border-top: none;
    margin: 10px 0 0 0;
    line-height: 23px;
    padding: 10px 0 0 25px;
    font-size: 1.2em;
}
#sidebar .widget-sidebar-title:before {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 0;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 15px transparent;
    border-bottom: solid 12px rgb(159, 129, 247);
}
#sidebar .widget-sidebar-title:after {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 10px;
    width: 100%;
    border-bottom: solid 3px rgb(159, 129, 247);
}



/* ************* 誕生日おめでとう（サイドバー）*********** */
.birthday-title {
    margin-top: 30px;
    color: #FF69B4;
    font-size: 22px;
    font-weight: bolder; 
    text-shadow: 0 1px 0 #ef78bf, 0 2px 0 #333, 0 2px 3px rgba(0, 0, 0, .250);
}
.birthday {
    border: double 4px #333;
    background:#80ffff;
    border-radius: 30px;
    color: #000;
    font-weight: bolder;
    padding:10px;
}
.birthday-month {
   vertical-align: -60%;
}
.birthday-list {
    list-style: none;
}
.birthday-list li {
    font-weight: bolder;
}
.birthday-list li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f1b0";/*アイコンの種類*/
    position: absolute;
    left : 14.5em;/*左端からのアイコンまでの距離*/
    color: #ff938b;
    padding-left: 5px;
}

.birthday-comment {
    font-size: 15px;
    font-weight: bold;
    padding:20px;
}


/* ************* 誕生日おめでとう（固定ページ）*********** */
.birthday-box-shadow li {
   width: 50%;
    border:1px solid #848484;
    border-radius: 30px 30px 30px 30px;
    background:#ffaed7;
    box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),1px 1px 0 -1px #848484,1px 1px 1px -1px rgba(0,0,0,0.3),3px 3px 0 -1px #848484;
    padding:5px 10px 10px 10px; 
    color:#333;
    text-align:left;
    text-shadow: -1px -1px 1px rgba(255, 255, 255, .44), 1px 1px 1px #4a0a11;
} 


/* **** ヘッダー下部の余白 ************ */
h1.logo-image {
  padding: 0;
}


/* ****************************************
      トップページ
 *************************************** */

/* ****** 活動拠点 ******* */
/* トップページ全体 */
.top-page-text {
   color: #333;
}

/* 太字 */
.top-page-text-hutoji {
   vertical-align: top;
   font-weight: bold;
}

.katsudo-kyoten{
   line-height: 200%;
   font-size: 14px;
}

/* テーブル用 */
.katsudo-kyoten-tb,
.katsudo-kyoten-tb td {
   border: solid 1px #000 !important;     /* 罫線 */
}

/* --- 活動拠点リンク先 ---- */
.box-shadow {
   padding-left: 2.0em;   /* リスト左余白 */
}

.box-shadow li {
   width: 95%;
   height: 23px;
   font-size: 1.0em;
   font-weight: bold;
   color:#000;
   padding-left: 3px;
   text-align: left;
} 

/* 六郷地区センター */
.rokugochi-cc-name-td{
   width: 33% !important;
   font-weight: bold;
   text-align: center;
}

/* 青葉台コミュニティセンター */
.aobadai-cc-name-td{
   width: 33% !important;
   font-weight: bold;
   text-align: center;
}

/* 牧之原農村婦人の家 */
.makinohara-cc-name-td{
   font-weight: bold;
   text-align: center;
}

/*  写真 紹介部*/
.rokugochi-cc-Photo-td{
   height: 140px;
   text-align: center;
   vertical-align: top;
}

.aobadai-cc-Photo-td{
   text-align: center;
   vertical-align: top;
}

.makinohara-cc-Photo-td{
   text-align: center;
   vertical-align: top;
}

/* --- 活動拠点リンク先 ---- */
/* 六郷地区センター */
.rokugochi-cc-katsudo-td{
   font-weight: bold;
}

.rokugochi-cc-katsudo-ol li{
   margin: 0 0 0 1em;
   padding: 0;
}

/* 青葉台コミュニティセンター */
.aobadai-cc-katsudo-td{
   font-weight: bold;
}

/* 牧之原農村婦人の家 */
.makinohara-cc-katsudo-td{
   font-weight: bold;
}

/* --- ◎外部リンク---- */
/* 一般 */
.gaibu-link-tb{
   border: solid 1px #000000 !important; 
}

.gaibu-link-tb td{
   border: solid 1px #000000 !important; 
   background-color: #fff;
   font-weight: bold;
   line-height: 200%;
   font-size: 15px;
}

/*------  防災 -------------- */
.bosai{
   border: solid #000;
   background-color: #edfaf3;
   font-weight: bold;
}

.bosai p{
   line-height: 100%;
   margin-top: 20px;
   margin-bottom: 20px;
}




/**************************************  
                        広報誌
************************************* */
.right {    /* 注釈 */
    text-align: right;
    font-weight:  bold;
}

/* ------------ 上段 -----------　*/
.kouhoshi-head {
    display: inline-flex;
    justify-content: flex-start;
}

/* 六郷まちづくり協議会 */
.machidukuri-tb {
    width: 100% !important;
}
.machidukuri-tb th {  /* 見出し */
    border-collapse: collapse;
    border: solid 1px #333 !important; 
    font-weight:  bold !important;
    text-align: center;
    background-color: #EFFBFB !important;
 }
.machidukuri-tb td {  /* 本文 */
    border-collapse: collapse;
    border: solid 1px #333 !important; 
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
}

/* 青葉台コミュニティセンター */
.komisen-tb {
    width: 85% !important;
    margin-left: 50px;
}
.komisen-tb th {  /* 見出し */
    border-collapse: collapse;
    border: solid 1px #333 !important; 
    font-weight:  bold !important;
    text-align: center;
    background-color: #EFFBFB !important;
 }
.komisen-tb td {  /* 本文 */
    border-collapse: collapse;
    border: solid 1px #333 !important;
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;

}

@media(max-width:767px){
 /* 横並び解除 */
    .komisen-tb {
        display: block !important;
    }
}

/* ------------- 中段 ----------------　*/
.kouhoshi-middle {
    display: inline-flex;
    justify-content: flex-start;
}

/* 六郷地区センター */
.rokugochiku-cc-tb {
    width: 100% !important;
}
.rokugochiku-cc-tb th {  /* 見出し */
    border-collapse: collapse;
    border: solid 1px #333 !important; 
    font-weight:  bold !important;
    text-align: center;
    background-color: #EFFBFB !important;
 }
.rokugochiku-cc-tb td {  /* 本文 */
    border-collapse: collapse;
    border: solid 1px #333 !important; 
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
}

/* 牧之原農村婦人の家 */
.makinohara-tb {
    margin-left: 50px;
    width: 90% !important;
}
.makinohara-tb th{  /* 見出し */
    border-collapse: collapse;
    border: solid 1px #333 !important; 
    font-weight:  bold !important;
    text-align: center;   
    background-color: #EFFBFB !important;
 }
.makinohara-tb td {  /* 本文 */
    border-collapse: collapse;
    border: solid 1px #333 !important;
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
}

@media(max-width:767px){
 /* 横並び解除 */
    .kouhoushi-middle {
        display: block !important;
    }
}

/* --------------- 下段 ----------------　*/
.kouhoshi-foot {
    display: inline-flex;
    justify-content: flex-start;
}

/* 六郷地区青少年健全育成 */
.seisyonen-tb {
    width: 100% !important;
}
.seisyonen-tb th {  /* 見出し */
    border-collapse: collapse;
    border: solid 1px #333 !important; 
    font-weight:  bold !important;
    text-align: center;    
    background-color: #EFFBFB !important;
 }
.seisyonen-tb td {  /* 本文 */
    border-collapse: collapse;
    border: solid 1px #333 !important; 
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
}

@media(max-width:767px){
 /* 横並び解除 */
    .kouhoushi-middle {
        display: block !important;
    }
}



/*************************************** 
      問い合わせcontact form 7
***************************************/
.c1 {
   background:#fff;
   padding:15px 20px;
   border-bottom:1px solid #ccc;
   font-weight:bold;
   color:#595858;
   display:block;
   line-height:10px;
}

.c2 {
   background:#f4f9f9;  /* #E8EEF9; */
   border-top:1px solid #000;
   border-right:1px solid #000;
   border-bottom:1px solid #000;
   border-left:1px solid #000;
   padding:8px;
   font-weight:bold;
   color:#000;
   line-height:1;
}
 
p.c1,p.c2 {
   margin:0;
}
 
.c1:hover,.c2:hover {
   background:#FFEEEE;
}
 
.c1.last,.c2.last {
   border-bottom:none;
}
 
 /* --- 必須ボタン ------ */
.m-alert {
    padding:2px;
    background:#ff3e3e;  /* #ff8080; */
    border-radius:8px;
    font-size:0.6em;
    font-weight: bold;
    color:#FFF;
    margin:5px;
}

 /* --- 題名 ------ */
.item {
   font-size:1.0em;
}

 
input[type="text"],input[type="tel"],input[type="email"] {
   font-size:1.0em;
   padding-left:10px;
}
 
.c1 textarea,.c2 textarea {
   font-size:1.0em;
   width:98%;
}
 
.file{
   margin:10px;
   display:block;
}
 
span.wpcf7-list-item{
      display: block;
      font-size:1.0em;
}

input[type="text"],input[type="email"],input[type="tel"] {
   width:97%;
}
 
input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus {
   border:solid 1px #20b2aa;
}
 
input[type="text"], select,input[type="email"],input[type="tel"] {
   outline: none;
}
 
.contact_right textarea {
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   width:100%;
   padding:0 3px;
}
 
.contact_right textarea:focus {
   border:solid 1px #20b2aa;
}
 
.contact_right textarea {
   outline: none;
   width:100%;
}

 /* ---- 送信ボタン ---- */
input[type="submit"] {
	margin: auto;
	border: 1px solid #999;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 50%; 
	padding: 0.3rem 1rem;
     font-size: 1.2em;
	font-weight: bold;
	background-image: linear-gradient(to top, #11a37f 0%, #fff 80%, #FDFDFD 100%);
	border-radius: 100vh;
	color: #333;
	text-shadow: 0 1px #fff;
	box-shadow: 0 3px 2px 1px #fcfcfc, 0 4px 6px #cecfd1, 0 -2px 2px #cecfd1, 0 -4px 2px #eee, inset 0 0 2px 2px #cecfd1;
	transition: 0.5s;
}

 /* ---- 問い合わせ・意見 ---- */
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 100px;
} 
 
.contact_form input[type="submit"] {
   width:50%;
} 
 
.contact_form input[type="text"],.contact_form input[type="email"] {
   width:98%;
   height:50px;
   font-size:1.0em;
}
 
input[type="radio"] {
   margin: 0 0 4px 0 !important;
}



/* ******** 事業内容 ************* */
/* 全体 */
table.jigyou-naiyo {
   border: solid 1px #000 !important;
   border-collapse: collapse;
}

/* 見出し部 */
table.jigyou-naiyo th {
   border: solid 1px #000 !important;
   border-collapse: collapse;
   background-color: #d4f8f7 !important;
   padding: 0.4em 0 0.2em 0.7em;
   font-family: "メイリオ";
   font-size: 16px;
   font-weight: bold !important;
   text-align: center;
}

/* セル */
table.jigyou-naiyo td {
   border: solid 1px #000 !important;
   border-collapse: collapse;
   background-color: #d4f8f7;
   padding: 0.4em 0 0.2em 0.7em;
   font-family: "メイリオ";
   font-size: 14px;
   text-align: left !important;
}

/* １列目 */
table.jigyou-naiyo tr td:nth-of-type(1){
   text-align:center;
}


/* Homeのみヘッダ表示 */
#header {
  display: none;
}

.home #header {
  display: block;
}

.categoryid-(任意のカテゴリid) #header {
  display: block;
}

/*エントリー・アーカイブの見出し*/
.entry-title,
.archive-title {
  font-size: 14px;
  margin: 16px 0;
  line-height: 1.3;
}


/* *********************** 
       パソコン寺子屋
*********************** */
/* 文字 */
.terakoya li {
   font-family: "メイリオ";
   font-size: 14px;
}

/* リスト番号 */
ol.terakoya {
   font-size: 80%;
}

/* リスト間隔 */
ol.terakoya li {
   margin: 10px;
}

.terakoya ol li dl dt {
   margin: 5px;
}

/* ***** タグ風 ********* */
.terakoya-tag li {
    border-style: ridge;
    border-width: thick;
    display: inline-block;
    border-color: #cacaca;
    font-size: 1.2em;   
    color: #505050;
    padding: 0.3em;
    display: inline-block;
    line-height: 1.1;
    background: #e8f2fb;    
    vertical-align: middle;
    border-radius: 25px 0px 0px 25px;
}
 
.terakoya-tag li:before {
    content: '●';
    color: #d000d0;
    margin-right: 8px;
}

/* ***** swiper ****** */