@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: 
Author URI: 
Template:   cocoon-master
Version:    1.1.3
*/

/*################# ！！注意！！ #################*/

/* 子テーマ＞javascript.js内にも指定あり */


/*################# 共通 #################*/

body{
	width: 100%;
	overflow-x: hidden;
	background: none;
}
/* フォント */
body{
	color: #333;
	font-family:'Roboto','Noto Sans JP', "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif !important;
}
img.header_img{
	margin: 0 auto;
	width: 100%;
	display: block;
}
/* 固定ページで各ボタン等を非表示に変更 */
.page .sns-share,
.page .sns-follow {
    display: none;
}
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}
/* 段落 */
.article p{
	line-height: 1.8;
}
@media screen and (min-width: 481px){
	.article p.p_center{
		text-align: center;
	}
}
/* 見出し・タイトル */
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6{
	text-align: center;
	line-height: 1.8;
	background-color: transparent;
	border: 0;
}
.article h2 span{
	padding-left: 20px;
	font-size: 80%;
	font-weight: normal;
}
.article h3{
	margin: 0 auto 30px;
	padding: 30px 0 10px;
	width: 60%;
	position: relative;
	border-bottom: 2px solid #000;
	text-align: center;
}
@media screen and (max-width: 480px){
	.article h1, .article h2, .article h3, .article h4, .article h5, .article h6{
		text-align: left;
	}
}
/* 全固定ページでタイトル非表示 */
.page .entry-title {
    display: none;
}
/* リンク */
a{
	color: #333;
}
a:hover{
	color: #aaa;
}
a:hover img,p a:hover,li a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
/* ページ下部の著者表示 */
div.author-info{
	display: none;
}
/* テーブル */
figure.wp-block-table table,table{
	width: 100%;
}
.article table tr{
	background: none;
}
.article table th{
	font-weight: normal;
}
.article table th,.article table td{
	padding: 10px 10px 10px 1em;
	text-align: left;
	border:1px solid #ccc;
}
.article table td span{
	font-size: 0.8em;
}
.article table th.th_center{
	width: 24%;
	text-align: center;
}
/* テーブル3等分「table_3」 */
.article figure.table_3 table th{
	width: calc(100% / 3); /* 横幅100％を3等分 */
}
/* テーブル4等分「table_4」 */
.article figure.table_4 table th{
	width: calc(100% / 4); /* 横幅100％を4等分 */
}
/* タグ */
body.page div.date-tags{
	display: none;
}
/* youtube埋め込み */
.video-container {
  max-width: none;
}
/* ボタン */
p.p_button{
	margin: 30px auto 0;
	text-align: center;
	clear: both;
}
div#content p.p_button a{
	margin-bottom: 50px;
	padding: 15px 30px;
	color: #105189;
	background: #fff;
	border: 1px solid #105189;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-decoration: none;
	display:inline-block;
}
div#content p.p_button a:hover{
	background: #fff;
	color: #105189;
}
.wp-block-cocoon-blocks-column-3 p.p_button{
	margin: 40px auto;
}
/* dl,dt,ddの一般的な設定 */
dl.dl_common{
	width: 100%;
}
dl.dl_common dt,dl.dl_common dd{
	padding: 13px 0;
	line-height: 1.8;
}
dl.dl_common dt{
	width: 200px;
	float: left;
}
dl.dl_common dd{
	margin-left: 0;
	padding-left: 120px;
	border-bottom: 1px solid #ccc;
}
/* wordpressの管理画面用、cssの一部上書き） */
.editor-styles-wrapper div,.editor-styles-wrapper p{
	color: #333 !important;
}
/*################# 共通「ブロック」 #################*/

/* タイムライン */
.timeline-box{
	border: 0;
}
/*################# メニュー #################*/
.navi-in a:hover{
	background: #fff;
}
.navi-in > ul .sub-menu{
	min-width: 300px;
	background: #fff;
}
.navi-in .has-icon{
	display: none;
}
@media screen and (min-width: 481px){
	.navi-in > ul .sub-menu{
		animation-name: fadeInLeftBig;
   	 	animation-duration: 1s;
	}
}
/*################# ヘッダー #################*/
#header-container,#header-container-in{
	width: 100%;
}
/* ロゴ（ロゴ画像の条件分岐はfunctions.phpに記載あり） */
div#header-in img{
	max-width: 400px;
	height: auto;
}
a.site-name:hover span img{
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
@media screen and (max-width: 480px){
	div#header-in img{
		max-width: 350px;
		height: auto;
	}
}
/* ヒーローイメージ(トップページ) */
@media screen and (min-width: 481px){
	body.home header#header{
		min-height: 80vh;
		background-attachment: fixed;
		background-size: cover;
		background-position: center;
		background-image: url(images/hero.jpg);
	}
	/* ヒーローイメージ上のキャッチコピー */
	div.top_message{
		margin-top: 10vh;
		padding: 0;
		width: 100%;
		color: #fff;
	}
	div.top_message h3,div.top_message p{
		font-weight: normal;
	}
	div.top_message h3{
		font-size: 50px;
	}
}
@media screen and (max-width: 480px){
	body.home header#header{
		min-height: 50vh;
		background-size: cover;
		background-image: url(images/hero.jpg);
	}
	/* ヒーローイメージ上のキャッチコピー */
	div.top_message{
		margin-top: 20px;
		padding: 15px 20px;
		width: 100%;
		color: #fff;
	}
	div.top_message h3{
		font-size: 28px;
	}
}
/* トップページ以外 */
img.header_img{
	width: 100%;
	height: auto;
	overflow: hidden;
}
/*################# フッター #################*/

#footer ul li a:before {
	padding-right: 10px;
	font-family: "Font Awesome 5 Free"; /* フリー版とプロ版、ブランドロゴなどによって指定が違う*/
	content: "\f101";
	font-weight: 900; /* この指定がないと文字化けする*/
}
footer#footer .widget_nav_menu{
	font-size: 0.8em;
}
footer#footer .widget_nav_menu ul li a{
	padding: 5px 0;
}
div.footer-left img{
	max-width: 300px;
	height: auto;
}
div.footer-left p{
	font-size: 0.8em;
}
/* SNSボタン */
body #footer ul.menu_sns,
.banner ul.menu_sns{
	margin-top: 1em;
	padding-left: 0;
	display: flex;
}
#footer ul.menu_sns li,
.banner ul.menu_sns li{
	margin-right: 1em;
	font-size: 2em;
	list-style: none;
	line-height: 0;
}
.banner ul.menu_sns li{
	margin: auto;
}
#footer ul.menu_sns li a,
.banner ul.menu_sns li a{
	text-decoration: none;
}
#footer ul.menu_sns li a::before,
.banner ul.menu_sns li a::before{
	display: none;
}
#footer ul.menu_sns li a:hover{
	background-color: #fff;
}
#footer ul.menu_sns li img,
.banner ul.menu_sns li img{
	margin-top: 0.1em;
	width: 0.75em;
	height: auto;
}
#footer ul.menu_sns li span.anchor-icon,
.banner ul.menu_sns li span.anchor-icon{
	display: none;
}
/* 追従バナー */
.floating-banner {
    position: fixed;
    z-index: 99999;
    bottom: 70px;
    right: 0;
	animation-delay: 3s;　/* 表示させるまでの時間 */
}
.floating-banner:hover {
    opacity: .9;
}
.banner {
	padding: 35px 15px 20px;
    width: 250px;
    background: url(images/back_paper.jpg) repeat;
    font-weight: bold;
    text-align: center;
}
.floating-banner a {
    text-decoration: none;
	color: #fff;
}
.floating-banner a:hover {
	color: #ccc;
}
.floating-banner h3 {
    font-size: 25px;
    margin: 0 auto 20px;
    line-height: 1.6;
}
.floating-banner .button-block{
	margin-top: 20px;
	margin-bottom: 0;
}
@media screen and (max-width: 599px){
	.floating-banner{
		display: none;
	}
}
/*################# フッターモバイルメニュー #################*/
.menu-button:nth-of-type(2) .fa-star:before {
	font-family: "Font Awesome 5 Brands"; /* フリー版とプロ版、ブランドロゴなどによって指定が違う*/
	content: "\f167";
	font-weight: 400; /* この指定がないと文字化けする*/
}
.menu-button:nth-of-type(3) .fa-star:before {
	font-family: "Font Awesome 5 Brands"; /* フリー版とプロ版、ブランドロゴなどによって指定が違う*/
	content: "\f16d";
	font-weight: 400; /* この指定がないと文字化けする*/
}
.menu-button:nth-of-type(4) .fa-star:before {
	font-family: 'icomoon';
	content:'\e917';
}

/*################# トップページ #################*/
/* h3 */
body div.top_merit h3{
	border: 0;
}
/* 製品紹介 */
div.div_topproduct{
	margin: 0px calc((100% - 100vw) / 2) 0;
	padding: 5px 0 50px;
	background: url(images/back_papertube.jpg) no-repeat; 
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	color: #fff;
}
body div.div_topproduct a{
	color: #fff;
}
body div.div_topproduct figcaption{
	margin: 0 0 0.5em;
	opacity: 1.0;
	font-size: 1em;
	text-align: center;
}
body.home .wp-block-group{
	margin-bottom: 5em;
}
.wp-block-group__inner-container{
	margin: 0 auto;
	width: 100%;
	max-width: 1142px;	
}
@media screen and (max-width: 1142px){
	div.div_topproduct .wp-block-group__inner-container{
		margin: 0 auto;
		width: 85%;
	}
}
@media screen and (min-width: 481px){
	div.div_topproduct h2{
		margin-top: 1em;
	}
}
@media screen and (max-width: 480px){
	div.div_topproduct{
		margin: 0 auto;
		padding: 5px 0;
		width: 98%;
		background: none;
		color: #333;
	}
	body div.div_topproduct a{
		color: #333;
	}
}

/* お知らせ */
div.div_news{
	margin: 3em calc((100% - 100vw) / 2) 0;
	padding: 30px 0 50px;
	background: url(images/back_factory.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	box-sizing: border-box;
	background-position: bottom;
}

div.div_news h2{
	margin: 0;
	padding: 0;
	background: none;
	color: #fff;
}
div.div_news p{
	text-align: right;
	font-size: 0.9em;
	color: #fff;
}
div.div_news p a{
	color: #fff;
	text-decoration: none;
}
div.news_container{
	margin: 0 auto;
	padding: 20px 25px;
	width: 100%;
	max-width: 1142px;
	background: rgba(255,255,255,0.7);
}
dl.dl_news dt{
	font-weight: normal;
}
dl.dl_news dd{
	border-bottom: 1px dotted #999;
	line-height: 1.8;
}
dl.dl_news dd a{
	color: #333;
	text-decoration: none;
}
dl.dl_news dd a:hover,div.div_news p a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
@media screen and (min-width: 1143px){
	dl.dl_news,div.div_news p{
		margin: 0 auto;
		width: 100%;
		max-width: 1142px;
	}
}
@media screen and (max-width: 1142px){
	dl.dl_news,div.div_news p{
		margin: 0 auto;
		width: 90%;
	}
}
@media screen and (min-width: 835px){
	dl.dl_news dt{
		padding: 15px 0 5px 0;
		float: left;
	}
	dl.dl_news dd{
		margin: 0;
		padding: 15px 0 5px 200px;
	}
}
@media screen and (max-width: 834px){
	.article dl.dl_news dd{
		margin-left: 0;
	}
	dl.dl_news dt,dl.dl_news dd{
		padding: 5px 0;
	}
	dl.dl_news dd span{
		margin: 0 0 0 10px;
	}
}
@media screen and (max-width: 480px){
	div.div_news{
		margin: 0;
		padding: 0;
		background: none;
	}
	div.div_news h2,div.div_news p a{
		color: #333;
	}
	dl.dl_news{
		margin: 0;
		padding: 0;
	}
}
/*################# News #################*/
dl.dl_news dt{
	font-weight: normal;
}
dl.dl_news dd{
	border-bottom: 1px dotted #bbb;
	line-height: 1.8;
}
dl.dl_news dd span{
	margin: 0 0 0 30px;
	padding: 0 10px;
	display: inline-block;
	color: #fff;
	font-size: 80%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background: #7caeff;	
}
dl.dl_news dd span.news{
	background: #7caeff;	
}
dl.dl_news dd span.event{
	background: #FF8080;	
}
dl.dl_news dd span.seminer{
	background: #A1DBA2;	
}
dl.dl_news dd span.media{
	background: #FF9F50;
}
@media screen and (min-width: 481px){
	dl.dl_news dt{
		padding: 15px 0 5px 0;
		float: left;
	}
	dl.dl_news dd{
		margin: 0;
		padding: 15px 0 5px 200px;
	}
}
@media screen and (max-width: 480px){
	.article dl.dl_news dd{
		margin-left: 0;
	}
	dl.dl_news dt,dl.dl_news dd{
		padding: 5px 0;
	}
	dl.dl_news dd span{
		margin: 0 0 0 10px;
	}
}
/*################# 会社概要 #################*/

/* 会社沿革 */
body.company div.timeline-box{
	margin: 0px calc((100% - 100vw) / 2) 0;
	padding: 50px 0;
	background: url(images/back_history.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	box-sizing: border-box;
	background-position: bottom;
	color: #fff;
}
body.company div.timeline-box h2{
	margin: 0;
	padding: 0;
	background: none;
}
body.company div.timeline-box ul.timeline{
	margin: 10px auto;
	padding: 20px 29px;
	max-width: 1256px;
}

/*################# アクセス #################*/

body.access .article h3{
	width: 100%;
}

/*################# お問合せ #################*/
dl.dl_contact dt{
	margin: 3em 0 0.5em;
}
body dl.dl_contact dd{
	margin-left: 0;
}
dl.dl_contact dt span{
	margin: 0 0 0 30px;
	padding: 0 10px;
	display: inline-block;
	color: #fff;
	font-size: 80%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background: #ffc700;	
}

input[type="submit"]{
	padding: 0.8em 0;
	background: #ffc700;
	border: 1px solid #ffc700;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-decoration: none;
	display:inline-block;
	font-size: 1em;
	font-family: 'Roboto','Noto Sans JP', "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif !important
}
@media screen and (min-width: 481px){
	input[type="submit"]{
		margin: 0 auto;
		width: 50%;
		display: block;
	}
}
@media screen and (max-width: 480px){
	input[type="submit"]{
		width: 90%;
	}
}
/*ビジュアルエディターのスタイルを書く*/

.editor-styles-wrapper div.div_topproduct a{
	color: #333 !important;
}
.editor-styles-wrapper div.div_topproduct{
	margin: 0 auto !important;
}