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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.logo{
	text-align:left;
}

header .header-in{
	justify-content:space-between;
	flex-direction:row;
}

h1.logo-header,div.logo-header{
	width:100%;
	max-width:520px;
}

.header_contact{
	padding:20px 0 0 0;
	width:300px;
	margin-right:5px;
}

.header_contact p{
	margin:0px;
	line-height:0;
}

.header_contact p:hover{
	opacity:0.7;
	transition:0.3s;
}

.footer-bottom{
	overflow:hidden;
}

.cf::after{
	content:none;
}

.tagline{
	color: black;
	font-size: 12px;
}
.nav li{
	list-style:none;
       
}

.products-tosou-text{
	font-size:24px;
}

.nav a{
	text-decoration:none;
}
.content .nav a{
	color:black;
}
.nav a:hover{
	color:blue;
}
.toso li{
	list-style:none;
}
.content .toso a{
	color:black;
}
.toso a:hover{
	color:blue;
}
.seikan li{
	list-style:none;
}
.content .seikan a{
	color:black;
}
.seikan a:hover{
	color:blue;
}
#leftmenu li{
	list-style:none;
}
.content #leftmenu a{
	color:black;
}
#leftmenu a:hover{
	color:blue;
}
#paint th,#paint2 th{
	text-align:left;
	text-indent:0.5em;
}
#paint td,#paint2 td{
	text-align:center;
}
#paint_title,#paint_title2{
	text-align:center;
}
.style11 a{
	color:black;
}
.style11 a:hover{
	color:blue;
}
.home-text{
	padding:10px;
}
/*サイドバー*/
.sidebar h3{
	background-color:#559bb9;
}
.main {
        padding: 9px 29px;
}
.top-list{
	display:flex;
	justify-content:flex-start;
	font-size:0.8em;
	flex-wrap:wrap;
}
.article .top-list ul li{
	margin:0;
}
.top-list figure {
	margin:0 auto;
}
.article .top-list ul{
	width:185px;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.tagline{
	display:none;
	}
	.top-list{
		font-size:1.2em;
	}
	.article .top-list ul{
	width:auto;
}
}