@charset "UTF-8";

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

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

/*ヘッダー詰める*/
.entry-title,
.content {
padding: 0;
margin: 0;
}

#main{
Padding: 0;
margin: 0;
	background-image: url('https://team-wada.com/wp-content/uploads/2020/02/背景.png')  ;
	background-repeat: repeat-x ;
}

.logo-image * {
display: block;
margin: auto;
width:163px;
	height:80px;
	float:left;
}

p{
	margin:1em 0;
}

/*フェードイン*/

.logo-header {
    animation-name: fadein;
    animation-duration: 2s;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/*ヘッダーメニュ―下線*/
.navi{
border-bottom:3px solid #000000;
}
.menu-header .menu-item:hover{
border-bottom:6px solid #2d82bb !important;/*線の太さ色*/
transition: all .8s;/*線が出てくる時間*/
}

.sub-menu .menu-item:hover{
border-bottom:none !important;
}

.tagline{
	border-top:5px solid #2d82bb;
	padding:4px 10px 0 10px;
	font-size:12px;
	margin:0;
	text-align:left;
}

a {
text-decoration: none;
}


/*タイトル、投稿日時、投稿者の非表示*/
.page .entry-title,
.page .date-tags,
.page .author-info{
  display: none;
}

/*hタグリセット*/
.article h1 {
    padding: 0;
    background: none;
}
.article h2 {
    padding: 0;
    background: none;
}
.article h3 {
    border: none;
    padding: 0;
}
.article h4 {
    border: none;
    padding: 0;
}
.article h5 {
    border: none;
    padding: 0;
}
.article h6 {
    border: none;
    padding: 0;
}

/*　スタンダード見出し　*/
.article h1 {
  padding: 5px 0;/*文字周りの余白*/
  font-weight:normal;
	font-size:30px;
	margin:20px 10px 0 10px;
	border-bottom:5px solid #2980b9;
}

.article h2 {
  padding: 5px 0;/*文字周りの余白*/
  font-weight:normal;
	font-size:20px;
	margin:10px;
	border-bottom:2px solid #959595;
}

.article h3 {
  padding: 7px 10px;/*文字周りの余白*/
	color:#ffffff;
  font-weight:normal;
	font-size:17px;
	margin:0;
	background-color:#2d82bb;
	border-bottom:3px solid #a6a6a6;
}

.article text2 {
  padding: 5px 0 0 0;/*文字周りの余白*/
  font-weight:normal;
	font-size:18px;
	margin:10px;
}

.article .title-s {
    font-size: 13px;        /* 文字サイズ指定 */
	color:#000000;
	font-weight:normal;
	line-height:160%;
}

.entry-content{
	margin:0;
}

/* ボタンの色を指定 */
.btn-sgreen { background-color: #2d82bb; } 


/*ボックス*/
box{
  display: flex;
	justify-content:center;
  flex-wrap: wrap;
}

.boxin {
	width:1060px;
	padding:20px 0;
	margin:0;
}

.boxin2 {
  display: flex;
	justify-content:center;
  flex-wrap: wrap;
}

.boxin3 {
	max-width:1112px;
	padding:0;
	margin:0 !important;
}

.con {
  max-width:350px;
  width:100%;
  margin: 5px;
}

.con2 {
  max-width:690px;
  width:100%;
  margin: 5px 5px 5px 5px;
	text-align:left;
}

.con3 {
  max-width:525px;
  width:100%;
  margin: 5px;
	text-align:left;
}

.con4 {
  max-width:260px;
  width:100%;
  margin: 5px;
}

.con5 {
  max-width:160px;
  width:100%;
  margin: 5px;
}

box3{
	width:1100px;
	margin-bottom:15px;
	text-align:left;
}

box2{
	width:800px;
	margin-bottom:15px;
}

contents{
  display: flex;
	justify-content:center;
  flex-wrap: wrap;
	padding:0;
	margin:0;
	text-align:left;
}


.line{
	border:1px solid #bbbaba;
	padding:7px;
	background-color:#ffffff;
}

.space{
	padding:0 20px;
}

/*　テーブル　*/
.article table {
border-collapse: separate;
border-top: 1px solid #d4ddd3;
border-left: 1px solid #d4ddd3;
}
.article table th {
background: #eeeeee;
border-right: 1px solid #d4ddd3;
border-bottom: 1px solid #d4ddd3;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
font-weight: normal;
padding: 2px 10px;
	text-align:left;
	width:20%;
}
.article table td {
border-right: 1px solid #d4ddd3;
border-bottom: 1px solid #d4ddd3;
border-top:none;
border-left:none;
padding: 2px 10px;
}

span.wpcf7-list-item {
display: block!important;
}


#footer
{
	padding-bottom:150px;
	margin:0;
}

/*追従バナー*/
.floating-banner {
    position: fixed; /* 追従 */
    z-index: 99999; /* 他の要素の下に隠れないように */
    top: 50px; /* バナーの上下の位置 */
    right: 60px; /* バナーの左右の位置 */
}
.pc {
    width: 220px; /* バナーの横幅を指定 */
}
.floating-banner:hover {
    opacity: .8; /* ホバーで少し透過 */
}
.sp {
    display: none; /* PCではスマホ用のバナーは非表示に */
}
@media screen and (max-width: 1030px) { /* タブレット用のブレイクポイントを指定 */
    .pc {
        display: none; /* タブレットサイズ以下でPC用のバナーを非表示に */
    }
}

@media screen and (max-width: 560px) { /* スマホ用のブレイクポイントを指定 */
    .sp {
        display: inline-block; /* 消していたスマホ用のバナーを表示させる */
        width: 100vw; /* スマホの画面幅いっぱいにバナーを表示 */
    }
    .floating-banner  {
        top: unset; /* PCで指定していた上下の位置指定をクリア */
        right: 0; /* 左右の隙間が空かないように */
        bottom: -30px; /* 画面の最下部にぴったりくっつくように指定 */
    }
}

/*-----------ブログ横幅調整-----------*/
.post-template-default .content,
.archive .content,
.category .content{
	background-color:#ffffff;
}

.post-template-default .content-in{
	max-width:1100px !important;
}

.post-template-default .main{
		max-width:1100px !important;
	padding:1em !important;
	margin:0 auto;
	background-image:unset !important;
}

.post-template-default .entry-content{
	padding:0.5em;
}

.post-template-default .article h1 {
	font-size:25px;
}

div .whatsnew{
	border: 1px solid transparent;
	padding:0 1em;
}

div .whatsnew hr{
	border:1px solid  transparent;
}

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

}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
.con {
  max-width:300px;
  width:100%;
  margin: 5px;
}

.con2 {
  max-width:500px;
  width:100%;
  margin: 5px 5px 5px 15px;
	text-align:left;
}

.con3 {
  max-width:400px;
  width:100%;
  margin: 5px;
	text-align:left;
}

.con4 {
  max-width:400px;
  width:100%;
  margin: 5px;
}
.con5 {
  max-width:250px;
  width:100%;
  margin: 5px;
}
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
.con {
  max-width:200px;
  width:100%;
  margin: 5px;
}

.con2 {
  max-width:400px;
  width:100%;
  margin: 5px 5px 5px 15px;
	text-align:left;
}

.con3 {
  max-width:300px;
  width:100%;
  margin: 5px;
	text-align:left;
}
.con4 {
  max-width:300px;
  width:100%;
  margin: 5px;
}
.con5 {
  max-width:170px;
  width:100%;
  margin: 5px;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.con {
  max-width:350px;
  width:100%;
  margin: 5px;
}

.con2 {
  max-width:690px;
  width:100%;
  margin: 5px 5px 5px 15px;
	text-align:left;
}

.con3 {
  max-width:525px;
  width:100%;
  margin: 5px;
	text-align:left;
}
.post-template-default .article h1 {
	font-size:20px;
}

}