@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.2
*/

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

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

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

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

/*common*/
.entry-title{
	text-align:center;
}
.article h2{
background:inherit;
font-size:20px;
border-top:1px solid #333;
border-bottom:1px solid #333;
text-align:center;
padding: 0.8em 0.5em;
}
.article h3{
border: none;
padding: 1em 0 0 0;
	border-top:1px dotted #ccc;
color: #006699;
font-size: 18px;
line-height: 1.4;
	margin:0;
}
.article h3.notborder{
border: none;
}
.article h4{
	border: none;
    padding: 0;
    font-size: 16px;
    line-height: 1.4;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.txt_center{text-align: center;}

/*form*/
.horizontal-item{display:inline-block;margin:0 0.75em 0.5em 0 !important;}
.required{
color: #CC3333;
font-size: 0.6em;
border: 1px solid #CC3333;
padding: 0.2em 0.5em;
line-height: 1.2;
display: inline-block;
margin-left: 0.5em;
}
.voluntary{
color: #333;
font-size: 0.6em;
border: 1px solid #ccc;
padding: 0.2em 0.5em;
line-height: 1.2;
display: inline-block;
margin-left: 0.5em;
}
.zip{width:8em !important;}

.newspaperbox,.magazinebox,.webbox,.acquaintancebox,.triggerbox,.evaluationbox{border-top:1px #ccc solid;}
.triggerbox,.acquaintancebox{padding-top: 1em;}

#shopform p{margin-bottom:1em;}
#shopform p{margin-bottom:1em;}

input[type="submit"].btn_submit{background:#006699;width: 80%;margin:0 auto;color: #ffffff;text-align: center;font-weight: bold;max-width: 600px;
display: block;font-size: 1.2em;}

input[type="submit"].btn_back{background:#ccc;width: 50%;margin:0 auto;color: #333;text-align: center;font-weight: bold;max-width: 600px;
display: block;font-size: 0.9em;}

#shopform .wide60{width: 60%;}

/*------------------------
project creat form
------------------------*/
#projectform dl{width: 100%;display: block;border-bottom: 1px #eee solid;vertical-align: top;}
#projectform dt,#projectform dd{display: inline-block;vertical-align: top;}

#projectform dt{width: 30%;}
#projectform dd{width: 65%;margin-left: 0;margin-bottom: 0.5em;}

#projectform h3{margin-top: 3em;border-bottom:1px solid #006699;}
@media screen and (max-width: 834px){
#projectform dt{width: 100%;}
#projectform dd{width: 100%;margin-left: 0;margin-bottom: 0.5em;}
}
.displayNon{display:none !important;}


#staff_edit .staff_edit_form{
  display:none;
  padding:0;
}
#staff_edit.active .staff_edit_form{
  display:block;
  padding:1em 0;
}

.btn_op{
border: 1px solid #ccc;
width: 50%;
margin: 0 auto;
line-height: 3;
margin-top: 5em;
border-radius: 4px;
font-weight: bold;
}
textarea{min-height: 3em;}

#staff_edit .arrow_open{
    width: 0.6em;
    height: 0.6em;
    border: 2px solid;
    border-color: transparent transparent #999999 #999999;
    transform: rotate(-45deg);
    position: relative;
    display: inline-block;
    margin: 1em 0 0 0.5em;
    vertical-align: top;
}
#staff_edit.active .arrow_open{
  border-color: #999999 #999999 transparent transparent;
  transform: rotate(-45deg);
}