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

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

.page .entry-title ,#head-name{
  display: none !important;
}

.content-top {
height: 800px;	
}

.slides {
height : 800px !important;	
}

.header-in {
height: 150px !important;
position:relative;	
}

.header-site-logo-image {
margin-left: -50%;
margin-top: -6% !important;
position:absolute;
}

.header-in {
position:relative;	
}

#head-tel img{
margin-left: 75%;
margin-top: 1.5% !important;
position:absolute;
}

#navi .navi-in{
 font-weight:bold;
}

.footer-site-logo-image {
width: 80% !important;
height: 80% !important;
}


.content-top-in {
margin-top: -1% !important;	
height: auto !important;
}

.content-in {
margin-top: 6% !important;	
}

.flex-control-nav {
bottom: -50px!important;	
}

/* --- お問い合わせフォーム --- */
/* デザインカスタマイズ */
div.wpcf7 { background:#fafafa; border:1px solid #ddd; padding:0px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:0 0 30px 0; }
div.wpcf7 p { padding:20px 20px 0; margin:0; font-size:1.0em; }
div.wpcf7 input, .wpcf7 textarea { border:1px solid #ccc; padding:8px; font-size:1.0em; }
div.wpcf7 textarea { width:97.5%; height:300px; }
div.wpcf7 input.wpcf7-submit {
   cursor:pointer; color:#fff; font-weight:bold; font-size:14px; width:200px; height:45px; margin:0 auto; display:block;
   -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
   background:#333; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #808080; border:1px solid #666;
}
div.wpcf7 input.wpcf7-submit:hover { background:#006080; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8; border:1px solid #006080; }
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }
.wpcf7-captchac { border:1px solid #ccc; }
 
 
/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}
 
/* 必須赤色表示 */
.wpcf7 .required { color: #f00;}
/* 任意緑色表示 */
.wpcf7 .any{ color: #080;}

.wpcf7 .wpcf7-not-valid {
    background: #ffb6c1;
}
.wpcf7 .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
 
.wpcf7 .wpcf7-validation-errors {
        color: #B94A48;
        background-color: #F2DEDE;
        border: 1px solid #EED3D7;
    }
.wpcf7 .wpcf7-mail-sent-ok {
        color: #3A87AD;
        background-color: #D9EDF7;
        border: 1px solid #BCE8F1;
    }

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1280px以下*/
@media screen and (max-width: 1280px){

#navi .navi-in>ul>li {
width: 150px;		
}	

.header-in {
height: 110px !important;
position:relative;	
}

.header-site-logo-image {
margin-left: -45%;
margin-top: -7% !important;
width: 70% !important;	
position:absolute;
}
	
.header-in {
position:relative;	
}

#head-tel img{
margin-left: 80%;
margin-top: 1.6% !important;
width: 15% !important;		
position:absolute;
}	
	
.content-top-in {
margin-top: -1.8% !important;	
height: auto !important;	
}
	
.slides ,.content-top{
height : 480px !important;	
}	
	
.footer-site-logo-image {
width: 60% !important;
margin-left: -30%;	
}	
	
.entry-content {
margin-bottom: -5% !important;		
}	
	
	
}

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

/*520px以下*/
@media screen and (max-width: 768px){
	
body {
overflow-x: hidden!important;
}
	
#head-tel img{
display: none;
}

.header-in {
position:relative;	
}	
	
.header-site-logo-image {
margin-left: -45%;
margin-top: -7% !important;
width: 100% !important;	
position:absolute;
}	
	
#head-name {
position:absolute;	
margin-top: 4.5% !important;
margin-left: 53% !important;
display: block !important;	
z-index: 20 !important;	
}	

.header-container {
height: 80px !important;
}

.header-in {
height: 40px !important;
}	

.content-top {
height: 250px !important;	
}	
	
.slides {
height : auto !important;	
}	
	
.is-style-stripe-box {
max-width: 328px !important;	
height: 70% !important;	
}		
	
.flex-control-nav {
bottom: -15% !important;		
}
	

	
.entry-content {
margin-bottom: -2em !important;		
}	
	
.breadcrumb {
padding-top: 2em !important;		
}
	
	
.footer-in {
margin-top: -6% !important;		
}
	
.footer-container{
margin-top: -2% !important;		
}	
	
.footer-site-logo-image {
width: 100% !important;
margin-left: -30%;	
}		
	

	
	
}