@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

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

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

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

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



/* Simplicityテーマからのスタイル */


.otoa {
	width:35%;
}
.otob {
	width:65%;
}

/* アンカー調整 */
.anc{
    display: block;
	padding-top: 70px;
	margin-top: -70px;
}

/* アンダーライン追加 */
.marker-under-cyan {
	background: linear-gradient(transparent 90%, #00ffff 10%);
}
.marker-under-green {
	background: linear-gradient(transparent 90%, #55ff33 10%);
}
.marker-under-pink {
	background: linear-gradient(transparent 90%, #ff99cc 10%);
}
.marker-under-orange {
	background: linear-gradient(transparent 90%, #ffb833 10%);
}
.marker-under-yell {
	background: linear-gradient(transparent 80%, #FFFF66 20%);
}
.sp-body {
background-color: #b28208;
}

.sp-green {
	color: #ffffff;
	text-align: center;
	background-color: #008000;
	padding: 15px 15px;
}
.sp-mazenta {
	color: #ffffff;
	text-align: center;
	background-color: #ff00ff;
	padding: 15px 15px;
}
.sp-blue {
	color: #ffffff;
	text-align: center;
	background-color: #0000ff;
	padding: 15px 15px;
}
.sp-orange {
	color: #ffffff;
	text-align: center;
	background-color: #ffa500;
	padding: 15px 15px;
}

/* 投稿本文のH2見出し */
.article h1{
  font-size: 18px;
}
.type-post .article h1{
  font-size: 18px;
}


/* タイトルサイズ変更 */
.type-page h1.entry-title{
	font-size:18px;
}

/* メニューサイズ変更 */
#navi ul li {
font-size: 18;
color: #333;
}
#navi ul li a {
font-size: inherit;
color: inherit;
}

/* ContactForm7確認画面のフィールド背景色や枠線を消す */
input:-webkit-autofill.wpcf7c-conf {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
  border: none !important;
  background: #fff !important; }
  input:-webkit-autofill.wpcf7c-conf:focus {
    border: none !important; }

.wpcf7c-conf {
  background: #fff !important;
  border-color: #fff !important; }
  .wpcf7c-conf:focus {
    border-color: transparent !important; }

/*コンタクトフォーム7　事業者用、注文フォーム*/
.wpcf7 input[name="calculated-gensenko"] {
	width: 50%;
}
.wpcf7 input[name="calculated-genmaicha"] {
	width: 50%;
}
.wpcf7 input[name="calculated-400"] {
	width: 50%;
}
.wpcf7 input[name="calculated-300"] {
	width: 50%;
}
.wpcf7 input[name="checkbox_custom-gensenko"]{
	width: 20px;
	height: 20px;
}
.wpcf7 input[name="checkbox_custom-genmaicha"]{
	width: 20px;
	height: 20px;
}
.wpcf7 input[name="checkbox_custom-todokesaki"]{
	width: 20px;
	height: 20px;
}

/*　ContactForm7のテーブル化レスポンシブ調整　*/
 /*テーブルを親要素の幅いっぱいに伸ばす*/

.table-res-form {
	width: 100%;
}

/*thとtd内の余白指定*/
.table-res-form th, .table-res-form td {
	padding: 1.0em;
}
/*th（項目欄）は25%幅、テキストを右寄せ*/
.table-res-form th {
    width: 25%;
    text-align: right;
}
/*「必須」部分のスタイリング*/
.table-res-form .requied {
    font-size: 0.8em;
    color: #FFF;
    display: inline-block;
	padding: 0em 0.2em 0em 0.2em;
    background: red;
    border-radius: 2px;
}
 
/*ここから768px以下の指定*/
 
@media only screen and (max-width: 768px) {
　　　　　/*thとtdをブロック化して幅100％にして、縦積み*/
    .table-res-form th, .table-res-form td {
        width: 100%;
        display: block;
    }
　　　　　/*th（項目名）欄の不要な余白削除・テキスト左寄せ*/
    .table-res-form th {
        padding-bottom: 0;
        text-align: left;
    }
　　　　　/*不要な最終行の左のthを非表示にする*/
    .table-res-form .empty {
        display: none;
    }
}
 
/*ここまで768px以下の指定---終わり*/
 
/*ここから入力欄のスタイル指定*/
 
/*各入力フォームスタイリング*/
.table-res-form input[type="text"], input[type="email"], textarea {
	border: 1px Green solid;
	padding: 0.3em;
    border-radius: 5px;
    margin-bottom: 0.3em;
    width: 100%;
}
/*入力欄にフォーカスしたら変化*/
.table-res-form input[type="text"]:focus, textarea:focus {
    background: #EEFFFF;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}
/*送信ボタンスタイリング*/
.table-res-form input[type="submit"] {
    border: 1px #89BDDE solid;
    padding: 1em 5em;
    border-radius: 5px;
    background: #4C9ED9;
    color: #fff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
    font-weight: bold;
}
/*送信ボタン・マウスオーバー時スタイリング*/
.table-res-form input[type="submit"]:hover {
    background: #006599;
    box-shadow: none;
}