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

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

/*固定フロントページのタイトルを非表示*/
.home.page .entry-title{
	display: none;
}
/*固定フロントページの投稿日を非表示*/
.home.page .post-date{
	display: none;
}
/*固定フロントページの更新日を非表示*/
.home.page .post-update{
	display: none;
}
/*固定フロントページの投稿者名を非表示*/
.home.page .author-info{
	display: none;
}
/* 全固定ページで非表示 */
.page .entry-title {
    display: none;
}
/* 全固定ページで非表示 */
.page .post-date {
    display: none;
}

/*ヘッダー*/
.header {
	margin:10px;
	padding:0px;
}
/*ヘッダーアイコンサイズ*/
.header-container{
	padding: 0px 0px 80px 0px;
}
div.header-container-in.hlt-top-menu .logo-header img {
	height: auto;
	max-height: none;
	width: 200px;
}

/*グローバルメニュー*/
.navi-in>ul li {
	padding: 40px 0px 0px 0px;
}

/*グローバルメニュー下線*/
#navi li a:after {
	content: '';
	width: 0;
	transition: all 0.3s ease;
	border-bottom: 3px solid #292d48; /*下線の太さ・色*/
	display: block;
}
#navi .navi-in a:hover:after {
	width: 100%;
	border-bottom: 3px solid #3d9254; /*下線の太さ・色*/
}

/*グローバルメニューのフォントサイズ等変更*/
.navi-in .menu-header .item-label{
	font-size:24px;
}

.top-movie {
	width: 1fr;
	
}

/*コンテンツ*/
.content {
	margin:0px;
	padding:0px;
}
.a-wrap {
    margin-bottom: 0%;
}
/*スライダー*/
.no-sidebar .content .main {
    margin: 0;
	padding: 0px;
    width: 100%;
}
.double-column {
  width: 48%;
}


/* 3カラムリンク */
ol, ul {
  padding-left: 0px;
}

/* 企業理念 */
.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.flex:not(:last-child) {
  margin-bottom: 80px;
}

.flex:nth-child(even) {
  flex-direction: row-reverse;
}

.flex img {
  display: block;
  width: 48%;
  height: auto;
}

.flexbox {
  width: 48%;
}

/*新着情報*/
a{
  color:inherit;
  text-decoration: none;
}
/*グーグルマップ*/
.amy-map-container-outer-box {
   text-align: center;
   margin: 0 auto;
}

/*フッター*/
.footer {
  margin: 0px;
  padding: 0px;
}
.sitemap a {
  color: #000;
  text-decoration: none;
  display: block;
}
.sitemap a:hover {
	color: #b1eeff;
}

/*フッター内サイトマップ*/

/* 横スクロールで画像をスライドさせる */
.image-horizontal-scroll{
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.box{
	display: inline-block;
	width: 90%;
	margin: 10px;
}
.wpcf7-form-control.form-control {
	width: auto;
}

/* 下部左にあるホームボタンの非表示 */
.breadcrumb {
  display: none
}

/* 会社概要テーブル */
.gaiyou {
	width: 50%;
	margin-left:auto;
	margin-right:auto;
}
.enkaku {
	width: 50%;
	margin-left:auto;
	margin-right:auto;
}
.enkaku-text{
	max-width: 800px;
	margin-left:auto;
	margin-right:auto;
}


/* 問い合わせフォームを中央に配置 */
.wpcf7-form {
	max-width: 680px;
	margin-left:auto;
	margin-right:auto;
}
/* 品質についてテキストセンター配置 */
.hinshitsu-title{
	max-width: 1200px;
	margin-left:auto;
	margin-right:auto;
}
.hinshitsu-text {
	max-width: 1200px;
	margin-left:auto;
	margin-right:auto;
}
.aramid-title {
	max-width: 1600px;
	margin-left:auto;
	margin-right:auto;
}
.aramid-text {
	max-width: 1600px;
	margin-left:auto;
	margin-right:auto;
}

/* 商品ラインナップメニュー */
nav{
text-align: center;
}
nav ul{
margin: 0 ;
padding: 0 ;
}
nav ul li{
list-style: none;
display: inline-block;
width: 18%;
min-width: 90px;
}
nav ul li a{
text-decoration: none;
color: #009900;
}
nav ul li.current a{
color: #F33135;
}
nav ul li a:hover{
color: #e60026;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
/*ヘッダー*/
.header {
	margin:0px;
	padding:0px;
}
	
/*ヘッダーアイコンサイズ*/
.header-container{
	padding: 20px 0px 0px 0px;
}
	
div.header-container-in.hlt-top-menu .logo-header img {
	height: auto;
	max-height: none;
	width: 150px;
}

/*グローバルメニュー*/
.navi-in>ul li {
	padding: 0px 0px 0px 0px;
}
	
.home.page .entry-title{
	display: none;
}	
	
/* 会社概要テーブル */
.gaiyou {
	width: 50%;
	margin-left:auto;
	margin-right:auto;
}
.enkaku {
	width: 50%;
	margin-left:auto;
	margin-right:auto;
}
.enkaku-text{
	max-width: 800px;
	margin-left:auto;
	margin-right:auto;
}	
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
/*モバイルフロント固定ページのタイトルを非表示*/
.home.page .entry-title{
	display: none;
}
	
/*ヘッダー*/
.header {
	margin:0px;
	padding:0px;
}

/*ヘッダーアイコンサイズ*/
.header-container{
	padding: 20px 0px 0px 0px;
}

/*グローバルメニュー*/
.navi-in>ul li {
	padding: 0px 0px 0px 0px;
}
	
div.header-container-in.hlt-top-menu .logo-header img {
	height: auto;
	max-height: none;
	width: 100px;
}
	
/*製品情報プロダクトのフォントサイズ*/
.fz-40px {
    font-size: 20px;
}
	
/* 会社概要テーブル */
.has-text-align-right {
    text-align: center;
}	
	
.gaiyou {
	width: 50%;
	margin-left:auto;
	margin-right:auto;
}


.enkaku {
	width: 50%;
	margin-left:auto;
	margin-right:auto;
}

.gaiyou-text{
width: 80%;
	text-align: center;
}

.enkaku-text{
	width: 80%;
}
	
/* 問い合わせフォームを中央に配置 */
.wpcf7-form {
	max-width: 90%;
}
	

	
}