@charset "UTF-8";

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

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


body{
  color: #000;
}




.selector01{  
   border-top:2px solid #009688;;  
    border-bottom:2px solid #009688;;  
    padding:.5em .6em  
}  



.selector02{  
  border-left:7px solid #009688;;  
  border-bottom:1px solid #009688;;  
  padding:.4em .5em  
}  


.selector03{  
   background:#fff;
   border-top:1px solid #009688;;  
   border-right:1px solid #009688;;  
   border-left:6px solid #009688;;  
   border-bottom:1px solid #009688;;  
   padding:.4em .5em  
}  


.selector04{  
   color:#fff;
   background:#009688;;  
   border-left:7px solid #009688;;  
   padding:.4em .5em  
}  


.selector05{  
   background:#c6e5ff;  
   border-right:7px solid #009688;;  
   border-left:7px solid #009688;;  
   padding:.4em .5em;  
}  


.selector06{  
   border-bottom:2px solid #009688;;  
	 padding:.4em .5em  
}  


.selector07{
    margin: 0 0 1.5em;
    padding: 0.6em;
    border: 2px solid #009688;;
    font-size: 1.143em;
    font-weight: bold;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}


.selector08{  
   background:#ffffff;  
   border-right:7px solid #009688;;  
   border-left:7px solid #009688;;  
   padding:.4em .5em;  
}  



.selector09{
     border-left:7px solid #009688;;
     padding:.4em .6em
}



.selector44{  
   color:#fff;
   background:#00bfff;  
   border-left:7px solid #00bfff;  
   padding:.4em .5em  
}  








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