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

/************************************
** 子テーマ用のスタイルを書く
************************************/
*{margin:0px;
padding:0px;}


#itemBox a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    text-decoration: none;
}

#itemBox{
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}
#itemBox .section{
    width: 100%;
    overflow: hidden; /*floatの解除*/
    margin-bottom: 5%; 
}
#itemBox .section .leftBox{
    width: 22%;
    height: auto;
    float: left;
    border: 1px solid #C6C6C6;
    margin-left: 1%;
    margin-right: 1%;
}


#itemBox .section .leftBox:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    text-decoration: none;
}


img.responsive100{
     width: 100%;
    height: auto;
}
#itemBox .section .inBox{
    background-color: #ffffff;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
    margin-bottom: 5%;
}
#itemBox .midashi{
    color: #000000;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 50px;
    line-height: 0.7em;
    margin-top: -10%;
}
#itemBox .midashi_sub{
    color: #000000;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 17px;
    font-weight: bold;
}
a{
    text-decoration: none;
}

table tr td{
    padding-left: 50px!important;
    padding-right: 50px!important;
    padding-top: 20px!important;
    padding-bottom: 20px!important;
}


/*1200px以下になったら*/
@media only screen and (max-width: 1200px) {
#itemBox{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#itemBox .section{
    width: 100%;
    overflow: hidden; /*floatの解除*/
    margin-bottom: 5%;
}
#itemBox .section .leftBox{
    width: 45%;
    height: auto;
    float: left;
    border: 1px solid #C6C6C6;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 3%;
}

#itemBox .midashi{
    font-size: 30px;
}

#itemBox .midashi_sub{
   font-size: 14px;
}
	
table tr td{
    font-size: 30px!important;
    padding-left: 30px!important;
    padding-right: 30px!important;
    padding-top: 20px!important;
    padding-bottom: 20px!important;
}

 } 







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

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

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