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

/************************************
** 子テーマ用のスタイルを書く
************************************/

table{
width:100%!important;
}

div table th, 
div table td {
font-size: 1em;
}


ul{
	padding-left:1.8em;
	padding-right:0.8em;
}

#sidebar .menu-link ul li{
	line-height:1.8em;
}
#sidebar .textwidget ul li {
	list-style:none;
}

.navi-in ul li{
	list-style:none;
	background-color:white;
	margin-left:5px;
	margin-top:5px;
}



/* 画像クラス用 */
.imgcenter{
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.imgleft{
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

.imgright {
  float: right;
  margin-bottom: 20px;
  margin-left: 20px;
}

/* 画像クラスここまで */


/* モバイルメニュー */
/*×アイコンを移動*/
.menu-close-button {
 padding-top: 20px;
 padding-right: 20px;
 padding-bottom: 10px;
text-align: right;
font-size: 2em;
}
.menu-drawer ul li{
	line-height:1em;
}

.menu-drawer .sub-menu li{
	position: relative;
}

.menu-drawer .sub-menu li:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content:"\f0da";
	color:#1e73be;
	position: absolute;
	top: 5px;
	left: -3px; 
}
/* モバイルメニュー ここまで*/

.cat-table h2{
	background-color:#696969!important;
	color:#fff!important;
	font-size:1.2em!important;
	padding:5px 15px!important;
	font-weight:normal!important;
	border-radius:2px;
}

.producttable{
	width:100%;
	text-align:center;
}
.producttable th{
	border:1px solid #a9a9a9!important;
background-color:#f9f9f9;
}
.producttable th,.producttable td{
	border:1px solid #a9a9a9!important;
	vertical-align:middle;
}

.cat-td{
	width:280px;
	vertical-align:top;
  text-align:center;
}

.cat-td img{
width:100%}

@media only screen and (max-width: 640px) {
.post-catimg,.cat-td{
display:none;
}
.mobimg{
position: relative;
text-align:center;
}
	
.mobimg img{
vertical-align:top;
width:70%;
height:100px;
object-fit: cover;
}

.mobimg p{
	font-size:11px;
	position: absolute;
	top:5px;
	left:15%;
	padding:0px 5px;
	background-color:rgba(220,220,220,0.6);
	}

	.mobimg p:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content:"\f002";
	margin-right:5px;
	color:#000;
}
.post-title{
text-align:center;
	}
}

/* スライダーアニメ */

a{
  transition:0.5s;
}
a:hover {
	color:#1e73be;
	opacity:0.4;
}



#main,#content-bottom,#footer{
  animation: fadeIn 2s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

#sidebar{
	animation: fadeIn 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
 border-radius:0px
}
 
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
 
#sidebar .menu-link a,.footer-widgets a {
	display: block;
	position: relative;
	text-decoration: none;
}

#sidebar .menu-link a::after,.footer-widgets a::after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 0px;
max-width:500px;
	height: 1px;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 1), rgba(255, 255, 255, 1));
	transition: all 1s ease 0s;
}


#sidebar .menu-link a:hover::after,.footer-widgets a:hover::after {
	width: 100%;
max-width:500px;
}

#sidebar a img{
	transition:0.5s;
}
#sidebar a img:hover{
	opacity:0.6;
}

@media only screen and (min-width: 768px) {
	.body{
		margin-top:10px;
	}
}
#main{
	padding-top:0;
	padding-bottom:0px;
}

#sidebar{
	padding-top:0;
	padding-bottom:0;
}

.navi-in{
	margin-right:18px;
}


.navi-in .menu-header .item-label{
	font-size: 0.9em;
	padding:5px!important;
	size:0.5em!important;
	border:1px solid #a9a9a9;
}
.navi-in .menu-tel .item-label:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content:"\f879";
	margin-right:5px;
	color:#000;
}

.navi-in .menu-contact .item-label:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content:"\f0e0";
	margin-right:5px;
	color:#000;
}

.tagline{
	font-size:0.9em;
	color: #696969;
	padding:0;
	margin-bottom:0;
	text-align:left;
}

h1 {
	font-size:1.3em!important;
  padding: 0.8em 1.5em;
  color: #000;
  border-left: solid 12px #000;
background-color:#eeeeee;
}
h1.logo-header{
border:none;
}


h2{
	background-color:#696969!important;
	color:#fff!important;
	font-size:1.2em!important;
	padding:10px 15px!important;
	font-weight:normal!important;
        margin:1.5em 0 0.8em 0!important;
}

/*パンくずリストアイコンまとめて非表示(Font Awesome 4)*/
.breadcrumb .fa-home,
.breadcrumb .fa-folder,
.breadcrumb .fa-file,
.archive-title .fa-folder-open
{ display: none; }
.breadcrumb .fa-home,
.breadcrumb .fa-folder,
.breadcrumb .fa-file,
.archive-title .fa-folder-open,.post-date .fa-clock
{ display: none; }

/* ↑基本 */

.widget-sidebar.widget_media_image{
	margin-bottom:5px!important;
}

.content-bottom{
	margin-top:1.5em;
}

.content-bottom .content-bottom-in {
	display: flex;
  justify-content: center;
}

.content-bottom .content-bottom-in .footerimg a:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content:"\f0e0";
	margin-right:5px;
	color:#000;
}

@media only screen and (min-width: 640px) {
.content-bottom .footerimg {
	display: flex;
	}
.content-bottom .content-bottom-in .footerimg a{
	text-decoration:none;
	margin-left:10px;
	width:200px;
	height:auto;
	color:#000;
	font-size:1.3em;
	border:1px solid #a9a9a9;
	display: flex;
	justify-content: center;
	align-items: center;  
}
}

@media only screen and (max-width: 640px) {
.content-bottom{
	text-align:center;
	width:100%;
	height:auto;
}
	.content-bottom .content-bottom-in .footerimg p{
	margin-bottom:5px;
	width:100%;
	height:auto;
}
	.content-bottom .content-bottom-in .footerimg a{
	text-decoration:none;
	color:#000;
	padding:5px 30px;
	border:1px solid #a9a9a9;
}
}

/* ウィジェット */
#sidebar .textwidget{
	font-size:0.9em!important;
	line-height:1.5em;
}
#sidebar .textwidget a{
	text-decoration:none;
	color:#696969;}

#sidebar .textwidget li a{
	color:#000;
}

#sidebar .textwidget h3{
		font-family: 'Yu Gothic','游ゴシック','游ゴシック体','Hiragino Sans','ヒラギノ角ゴシック',sans-serif;
	font-size:1.3em!important;
	padding:0 0 0 0!important;
	margin:1em 0 0 0!important;
}

#sidebar h3.widget-title{
		font-family: 'Yu Gothic','游ゴシック','游ゴシック体','Hiragino Sans','ヒラギノ角ゴシック',sans-serif;
	padding:0px!important;
	margin:0px!important;
}

#sidebar .textwidget p{
	color:#696969;
	line-height:1em;
	padding:0 0 0.5em 0;
}




#sidebar .textwidget li:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content:"\f0da";
	color:#1e73be;
	position: absolute;
	left:10px;
}

/* ウィジェット */

.navi-footer-in a,.copyright{
	font-size:13px;
	line-height:1
}
.logo-image {
	text-align:left;
	padding:0!important;
	margin:0!important;
}

.tagline{
margin-left:30px;
font-size:11px;
display:block!important;
}


.content-top-in{
	text-align:right;
	padding-bottom:0!important;
	margin-bottom:0!important;
}

/* ヘッダーメニュー */
.footer-widgets ul{
	list-style:none;
}

.footer-widgets ul a{
	text-decoration:none;
}

.footer-widgets ul a:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content:"\f0da";
	color:#696969;
	padding-right:5px;
}

.fnm-text-width{
	margin:0;
	padding:0;
}

/* ヘッダーメニューここまで */

/* 会社概要 */

.companytable table,.companytable td,.companytable th {
	font-size:13px!important;
	border:1px solid #a9a9a9!important;
}

.companytable th{
	width:200px;
	background-color:#f9f9f9!important;
}


iframe{
	width:99%;
	height:300px;
	border: 0px;
	margin: auto auto 3em auto;
	display:block;
}

@media only screen and (min-width: 640px) {
	.pagetitle p{
	display:none;
}
	.pagetitle h1{
	display:none;
}
}

@media only screen and (max-width: 640px) {
	.pagetitle .eye-catch-wrap{
		display:none;
	}
		.pagetitle img{
		display:none;
	}

	.companytable th,
  .companytable td {
    display: block;
		width: 100%;}
	
	.companytable th{
		border:1px solid #a9a9a9;
		text-align:left;
	}	
	.companytable td {
		border:none!important;
		padding:10px!important;
	}
}
/* 会社概要 */


/* トップページ */
#top{
	margin-bottom:5em;
	width:100%;
	padding-top:5px;
}
#top p{
	font-size:1.2em;
	font-family: 'Yu Gothic','游ゴシック','游ゴシック体','Hiragino Sans','ヒラギノ角ゴシック',sans-serif;
	font-weight: bold;
}
table.newtable{
	margin:0!important;
	padding:0!important;
}

.newtable th,.newtable td{
	border:none!important;
	padding:0;
}

.newtable th{
vertical-align: top;
	font-weight:bold;
	text-align:left;
	width:110px;
	padding-left:0;
}
.newtable td{
	padding-bottom:5px;
}

.newtable th:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content:"\f0da";
	color:#1e73be;
	padding-right:5px;
}



.topcontainer{
	display: flex;
}

.toptable th,.toptable td{
}
.toptable td{
	vertical-align:top;
}
.toptable th{
	font-size:1.1em!important;
	height:1em;
	text-align:left;
	font-weight:bold;
	width:50%;
	border-bottom:1px solid #a9a9a9!important;
	position: relative;
}

.toptable th:after {
	position: absolute;
	content: " ";
  display: block;
	border-bottom: solid 2px #000;
  bottom: -1px;
	left:-5px;
  width: 15px;
}

.toptable th:before {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #fff;
  bottom: -2px;
	left:-12px;
  width: 5%;
}


table.toptable a{
	text-decoration:none;
color:#000;}

table.toptable a:before{
	color:#000;
	padding-right:0.5em;
}


table.toptable a:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content:"\f061";
	margin-right:5px;
	color:#000;
}

@media screen and (max-width: 640px) {
.topcontainer{
	display:block
}
	.newtable th,.newtable td {
		display: block;
		width: 100%;
	}
	.newtable td {
		line-height:1.5em;
	}
	.toptitle{
	text-align:center;
	margin-top:5px;
	}
table.toptable {
	margin:1em 0!important;
	}
	table.toptable td{
line-height:1.5em;
}
}


.greeting span{
	font-weight:bold;
}

.greeting{
	padding:3em 0;
}

/* トップページ */


/* モバイルメニュー */


.menu-drawer img{
	width:80%;
	height:auto;
}


/* 販売店 */
.table-pt th,.table-pt td,.table-pt tr {
	border:none!important;
	vertical-align:middle;
}

.table-pt tr{
	height:100px;
}

.table-pt th{
	width:35%;
	background-repeat:no-repeat;
	background-position:center;
}

.pt-img{
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width:480px) {
.pt-img{
  float: none!important;
  display: block!important;
  margin-right: auto;
  margin-left: auto;}
.cat-table td,.cat-table th{
		font-size:0.9em!important;
		vertical-align:middle!important;
	}
	.cat-more {
	display: block;
		line-height:2em;
		text-align:center;
		padding: 0!important;
		margin:0 0 5px 0!important;
	}
	.tagline{
		display:none!important;
	}
/* レキャプチャアイコン */
.grecaptcha-badge {
opacity: 0.8;
bottom: 10px;
right: 10px;
	transform: scale(0.85);}
.grecaptcha-badge:hover {
	opacity: 1;}
/* レキャプチャアイコン終わり */


}


/* カテゴリー整形 */
.cat-table{
	width:100%
}
table td.cat-table,table th.cat-table{
	border:none!important;
	vertical-align:middle;
}

table.cat-table td{
	vertical-align:top;
}

.post-title{
	font-weight:bold;
	font-size:1.2em;
	border-bottom:1px dotted #000;
	padding:5px 0;
	margin-bottom:10px;
}

.more-link{
	text-decoration:none;
	color:#000;
	line-height:3.5em;
	padding:10px;
	border:1px solid #a9a9a9;
}

.more-link a:hover{
	color:#000!important;
}

.more-link:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content:"\f061";
	color:#000;
	padding-left:10px;
}




@media only screen and (min-width: 640px) {
	.mobimg,.mobimg-thumbnail{
		display:none;
	}
	.post-catimg{
		width:260px;
		height:auto;
	}

}


.cat-label{
display:none;
}

.cat-more{
	color:#000;
	border:1px solid #a9a9a9;
	padding:5px 14px;
	line-height:3em;
	text-decoration:none;
}

.cat-more:hover{
	color:#000!important;
}

.cat-more:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content:"\f061";
	color:#000;
	padding-left:0.5em;
}


.makerlink{
	text-decoration:none;
	color:#1e73be;
	line-height:3.5em;
	padding: 5px;
	border:1px solid #1e73be;
  transition:0.5s;
}

.makerlink:hover{
	opacity:0.4;
}


.makerlink a{
	color:#1e73be;
	text-decoration:none;
}


/* カテゴリーNEWS整形 */
.archive-div{
	padding:10px 0;
	border-bottom:1px dotted #a9a9a9;
}
.archive-div a{
	text-decoration:underline;
	color:#000;
}
.archive-div .new-date{
	display:inline-block;
	width:120px;
	background-color:#eeeeee;
	font-size:11px;
	margin-right:5px;
	text-align:center;
}

.archive-div .cat-name{
	text-align:center;
	display:inline-block;
	width:120px;
	font-size:11px;
	margin-right:5px;
	background-color:#eeeeee;
}

/* お問い合わせフォーム */
.contact-form .koumoku{
	font-weight:bold;
	line-height:2em;
}

.contact-form .need:after{
font-size:0.9em;
	content:'必須';
	color:#e60033;
	border:1px solid #e60033;
	margin:0 3px;
	padding:0 3px;
	font-weight:normal;
}

.contact-form .koumoku:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content:"\f0da";
	color:#1e73be;
	margin-right:5px;
}
.contact-form input[type=submit]{
	border:1px solid #000;
	background-color:#d9d9d9;
	font-weight:bold;
	font-size:1.2em;
	transition:1s;
}
.wpcf7-form-control-wrap{
	margin-top:55px!important;
}

.contact-form input,textarea{
	border:1px solid #000;
}

.contact-form input[type=submit]:hover{
	background-color:#000;
	color:#fff;
}

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

.wpcf7-response-output{
	padding:10px 0!important;
	border:none!important;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	background-color:#cc0000!important;
}

.wpcf7-response-output:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content:"\f071";
	color:#fff;
	margin-right:5px;
}

.contact-form{
	border-top:1px dashed  #a9a9a9;
	padding:10px 0 0 0px;
}

a item{
	display:none;
}

/* 投稿日表示 */
body:not(.categoryid-3) .date-tags,
body:not(.categoryid-3) .post-date {
  display: none;
}

.date-tags{
	text-align:left;
}
.date-tags .post-date{
	padding:5px 10px;
	display:inline-block;
	text-align:center;
	font-size:1em;
	background-color:#eeeeee;
	width:120px;
}


.navi-in a{
	font-size:1.3em;
}

.cat-table{
	margin-bottom:4em;
}

.logo-image{
	text-align:left;
	padding:0!important;
	margin:0!important;
}
.tagline{
margin-left:30px;
font-size:11px;
display:block!important;
}

@media screen and (max-width:480px) {
.cat-table td,.cat-table th{
		font-size:0.9em!important;
		vertical-align:middle!important;
	}
	.cat-more {
	display: block;
		line-height:2em;
		text-align:center;
		padding: 0!important;
		margin:0 0 5px 0!important;
	}
	.tagline{
		display:none!important;
	}
	.mobimg{
		margin-top:2em;
	}
/* レキャプチャアイコン */
.grecaptcha-badge {
opacity: 0.8;
bottom: 10px;
right: 10px;
	transform: scale(0.85);}
.grecaptcha-badge:hover {
	opacity: 1;}
/* レキャプチャアイコン終わり */
}

.contactlist{
margin-left: -0.8em;
}



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

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


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