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

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

/*モバイル用改行*/
@media screen and (min-width: 768px){
.br-sp {display: none; }
}

/*ページタイトル非表示*/
.entry-title {display:none !important;}

/*フォントファミリー
{font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',sans-serif !important;}*/

/*ヘッダー*/
#header {height:100px;}

/*ヘッダーメニュー*/
#header-container-in {display:inline !important;}
#header-in {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 50px;
    width: 95%;
}
.site-name-text {
	display:block;
	padding-bottom:35px;
	font-size:30px !important;
}
#navi-in {display:none;}
.navi　{display: flex; justify-content: flex-end;}
.link a {
	color:#fff;
	margin-right:20px;
	text-decoration:none;
	font-size: 15px;
}
.topsns {
display: flex;
width: 7%;
float: right;
gap: 25px;
margin: 2px 15px 0 20px;
}
.toptt img {padding-top:3px;}
.topyb img {padding-top:5px;}
nav#navi.navi {
	width: 1196px;
	margin-left: auto;
	margin-right: auto;
}
.cf::after {display:none;}
/*縦書き*/
.tategaki　{
	writing-mode:vertical-rl !important;
	margin-left: auto;
	margin-right: auto;
}
/*whatsnew*/
.whatsnew dd {color:#333333;}

/*スライダー*/
#app {
    overflow: hidden;
} 
.swiper-container  {
    width: 100%;
    height: auto;
    max-width: 750px !important;
    margin: 0 auto !important;
    overflow: visible !important;
}

/*フォームへ*/
.goform a {color:#333333;text-decoration:none;font-size: 30px;}
.goform a:hover {color:#134290;}

/*取次店*/
.sns_black　{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.sns_black a {text-align:left;width:30%;}
.sns_black img {width:65%;}

/*会社概要*/
.indent1 {margin-left:5em;}
.indent2 {margin-left:7em;}
.indent3 {margin-left:2em;}
.indent4 {margin-left:3em;}
.indent5 {margin-left:3em;}
.indent6 {margin-left:4em;}
.indent7 {margin-left:3em;}
a.toritugi {color:#333333;}
a.toritugi:hover {color:#134290;}
/*お問い合わせ*/
.hissu {font-size: 13px; color: red;margin-top: 4px;}
label {display: flex; }
.m-left1 {margin-left:5em;}
.m-left2 {margin-left:3em;}
input[type='text'], input[type='tel'], input[type='email'], textarea {width:500px !important;}
input[type='submit']  {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width:120px;
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	#header-container {display:none;}
	.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button {background-color: #333333;}
	.mobile-menu-buttons .menu-caption {display:none;}
	.logo-menu-button.menu-button a {color:#fff;}
	.navi-menu-button.menu-button {color:#fff;}
	.link {display:none;}
	#header-in {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	padding-top: 20px;
	}
	.site-name-text {
	display:block;
	padding-bottom:35px;
	font-size:22px !important;
	}
	.search-menu-icon.menu-icon {display:none;}
	.search-menu-caption.menu-caption {display:none;}
	/*会社概要*/
	.indent1, .indent2, .indent3, .indent4, .indent5, .indent6, .indent7 {margin-left:1em;}
	/*お問合せ*/
	.goform a {font-size: 25px;}
	#wpadminbar {display:none;}
	label {display:contents;}
	.m-left1, .m-left2 {margin:0;}
	input[type='text'], input[type='tel'], input[type='email'], textarea {width:100% !important;}
	input[type='submit']  {
		margin-left: auto;
		margin-right: auto;
		display: block;
		width:120px;
	}
}