@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
main.main{
	padding:20px;
}
.article h2 {
    font-size: 22px;
    position: relative;
    padding: .6em .6em .6em 1.8em;
    line-height: 1.4;
    border-top: solid 1px #ffdddb;
    border-bottom: solid 1px #ffdddb;
    background: #fff9fe;
}
.article h2:before{
	content:"\f02e";
}
.linkbtn{
	display:block;
	margin:20px auto;
}
.linkbtn a{
	background: #0095d9;
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 10px;
    font-size: 25px;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: inset 0px 1px 3px 2px #38c1ff, 0px 15px 4px -10px #0000002e;
    transition: ease all .3s;
}
.linkbtn a:hover{
	color: #ffffff;
    background: #ff6a6a;
    box-shadow: inset 0px 2px 5px 0px #de5858;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}