@charset "UTF-8";

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

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

/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}

/* 投稿日付を非表示 */
.post-date {
    display:none;
}

/*著者情報を消す場合*/
.page .author-info {
    display: none;
}

/*著者情報を消す場合*/
.post .author-info {
    display: none;
}

/*
ContactForm7用CSS
*/

.wpcf7 input[name="booking-date"] {
        width: 50%;
}

.wpcf7 input[name="in-date"] {
        width: 50%;
}

.wpcf7 input[name="out-date"] {
        width: 50%;
}

.wpcf7 select[name="speakingability"] {
        width: 60%;
}

.wpcf7 select[name="selectconnection"] {
        width: 60%;
}

.wpcf7 input[name="DOB"] {
        width: 50%;
}

.booking th{
	color:green;
}
/* 必須赤色表示 */
.wpcf7 .required { color: #f00;}

/*姓・名横並び*/
ul.name{
    list-style: none;
}
.name li{
      max-width: 50%;
      float: left;
}

ul.dob{
    list-style: none;
}
.dob li{    
    float: left;
}

div.formbutton{
	margin-top: 50px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 textarea,
.wpcf7 select
{
    background-color: #fff;
    color: #000;
}


::-webkit-input-placeholder { /* WebKit browsers */
color: #000 !important;
opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000 !important;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000 !important;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #000 !important;
opacity: 1;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}