@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*TOP_all*/
.elementor-section-wrap .elementor-section.elementor-section-boxed>.elementor-container{
	max-width: 100%;
}
.elementor-section-wrap .elementor-widget-image .elementor-image img{
	width:100%;
}
.elementor-container.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding:0;
}
#main_image .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated{
	padding:0;
}
.elementor-section-wrap  .entry-content>*, .demo .entry-content p{
	margin-top:0;
}
.entry-content>*, .demo .entry-content p{
	margin-top:0;
}
.logo.logo-header.logo-image{
	padding-top:20px;
}
.navi{
	border-top:1px solid #bfbfbf;
}
.btn_more .elementor-button-wrapper a{
	width: 30%;
    padding: 20px 20px;
    border-radius: inherit;
    font-family: "Arial","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho",serif;
}
#content-in .main{
	padding-top:0;	
}
.entry-content.cf{
	margin:0;	
}
.article-footer.entry-footer{
	display:none;
}
#main_area{
	position:relative;
}
#main_textarea{
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 1;
    width: 80%;
    height: 80%;
}
#content-in .main {
    padding-top: 0;
    padding-bottom: 0;
}
.entry-content>*, .demo .entry-content p{
	margin-bottom:0;
}
.post-author.vcard.author,
.fa-pencil:before{
	display:none;
}
.date-tags{
	display:none;
}
/*contents*/
#content{
	margin-top:0;
}
#content .content-in{
	width:100%;
}
.entry-title{
	display:none;
}
.colume_3 .elementor-widget-wrap .elementor-widget-image .elementor-image>a, .elementor-widget-image .elementor-image figure>a {
    display: block;
}
.cl-slim .navi-in > ul li{
	width: calc(100% / 7);
    border-right: 1px solid #bfbfbf;
}
.cl-slim .navi-in > ul li:first-child{
	width: 8%;
    border-left: 1px solid #bfbfbf;
}
.cl-slim .navi-in > ul li:first-child .caption-wrap:before{
	content:"";
	display:inline-block;
	width:1.5em;
	height:1.5em;
	background:url(/wp/wp-content/uploads/2019/12/home_s.png) no-repeat;
	background-size:contain;
	position:relative;
	top:8px;
}
.header-in{
	flex-direction: row-reverse;
	align-items: center;
}
.header-in > div.logo{
	width:40%;
}
.header-in > div.tagline{
	width:60%;
	font-size: 12px;
}
.header-in > div.tagline:after{
	content: " ";
    position: relative;
	left: 72%;
	display: block;
    background: url(/wp/wp-content/uploads/2019/12/tell_b.png) no-repeat;
    background-size: contain;
	width: 22%;
    height: 1.5em;
    margin-top: 10px;
}
#colume_area01 .title,
#colume_area01 h2,
#colume_area02 h2,
#colume_area03 h2,
#colume_area04 h2{
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho",serif;
	background:none;
	margin:0;
}
#colume_area01 .title p,
#colume_area03 .title p{
	font-weight: bold;
	margin:0;
}
#colume_area01 .colume_3 h2,
#colume_area03 .colume_3 h2{
	margin:30px 0 0 0;
	font-weight:bold;
}
.elementor-column-gap-default>.elementor-row>#main_image.elementor-column>.elementor-element-populated,
.colume_3 .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated,
.colume_4 .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated{
	padding:0;
}
.jp_title p{
	margin:0;
}
#colume_area04 .colume_box .img_area{
	margin:0;
}
#colume_area04 .colume_box .img_area img{
	width: 100%;
}
#colume_area04 .colume_box .text_area{
	padding:0 5px;
}
#colume_area04 .colume_box .text_area .title{
	list-style-type:none;
	display:flex;
	margin:0;
	padding: 0;
    align-items: center;
}
#colume_area04 .colume_box .text_area .title .icon_title{
	font-weight: bold;
	font-size: 14px;
}
#colume_area04 .colume_box .text_area .title li.icon{
	width: 30%;
    text-align: center;
    color: #fff;
    font-size: 10px;
    padding: 3px;
    margin-right: 10px;
}
#colume_area04 .colume_box .text_area .title li.icon.product{
    background: #333;
}
#colume_area04 .colume_box .text_area .title li.icon.manufacturers{
    background: #088f2b;
}
#colume_area04 .colume_box .text_area .text{
	font-size: 12px;
}
#colume_area04 .colume_4 .box{
	margin-left:10px;
}
#colume_area04 .colume_4 .box:first-child{
	margin-left:0;
}
#colume_area04 .colume_4 .box.elementor-column.elementor-col-25, .elementor-column[data-col="25"]{
	width: 24%;
}
#colume_area04 span{
	margin-left:20px;
}
.elementor-column.elementor-col-25, .elementor-column[data-col="25"]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: baseline;
    border: #ccc solid 1px;
}
#colume_area04 .colume_box a{
	color:#333;
}
#colume_area04 .colume_box a:hover img{
	opacity:0.7;
}
#colume_area04 .colume_box a:hover .icon_title{
	text-decoration: underline;
}
/*footer*/
#footer{
	margin-top:0;
}
#footer .fotter_navbtn {
	display: flex;
    padding: 0;
    list-style-type: none;
    margin: 50px auto 10px;
    color: #fff;
    width: 80%;
    font-size: 13px;
}
#footer .fotter_navbtn li{
	width: calc(100% / 7);
    text-align: center;
	border-left: 1px solid #fff;
}
#footer .fotter_navbtn li:first-child{
	border-left: none;
}
#footer .fotter_navbtn li a {
	display:block;
	color: #fff;
	text-decoration: none;
}
#footer .fotter_navbtn li a:hover{
	color: #fff;
	opacity: 0.7;
}
.fotter_area{
	width:80%;
	margin:60px auto;
	display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	color:#fff;
}
.fotter_area div{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	font-family: "Meiryo","游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro",sans-serif;
}
.fotter_area div p{
	margin:0;
}
.fotter_area div.left{
    width: 50%;
}
.fotter_area div.left p span{
    font-size: 14px;
    display: block;
    font-weight: normal;
}
.fotter_area div.right{
    width: 50%;
	font-size: 40px;
    text-align: right;
	position:relative;
}
.fotter_area div.right p{
	position:absolute;
	right:0;
	line-height:1.5;
}
.fotter_area div.right p:before{
	position: relative;
    left: -6px;
    top: 2px;
    content: "";
    display: inline-block;
    width: 0.7em;
    height: 0.7em;
	background:url(/wp/wp-content/uploads/2019/12/icon_tell.png) no-repeat;
	background-size:contain;
}
.fotter_area div.right p span{
	font-size:21px;
	display: inline;
}
.fotter_area div.right p span.block{
	display: block;
}
#footer_area .elementor-column.elementor-col-100{
	border: none;
}
.delivery_area .right{
	margin-left: 10px;
}
.delivery_area ul{
	list-style-type: none;
    padding: 0;
}
#colume_area02 h6{
	border-bottom: none;
}
#table th{
	width: 16%;
    background-color: #00294c;
	color:#fff;
	padding:20px;
	font-weight:normal;
}
#table td{
    background-color: #fff;
	font-size: 14px;
	padding-left: 20px;
}
#table td ul{
	padding-left:10px;
	margin:0;
}
#table td li{
    width: auto;
    display: inline-block;
}
#table td li:before{
	content: "\02022";
	margin: 0 8px;
}
#table td li a:hover{
 	opacity:0.7;
	color: #1967d2;
}
#table.m_page th{
	width: 28%;
}
#table.m_page td{
	color:#2e699c;	
}
#tell_area,#tell_area .description{
	margin:0;
}
#tell_area span{
	display: inline;
    color: #333;
}
.breadcrumb{
	display:none;
}
#contct_area_top .contct_tell ul{
	display: flex;
    list-style-type: none;
    width: 70%;
    margin: 0 auto;
    justify-content: space-between;
    padding: 0;
    font-size: 30px;
    font-weight: bold;
}
#contct_area_top .contct_tell ul li.tell:before{
	position: relative;
	left: -10px;
    top: 2px;
    content: "";
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    background: url(/wp/wp-content/uploads/2019/12/icon_tell_b.png) no-repeat;
    background-size: contain;
}
#contct_area_top .contct_tell ul li.fax:before{
	position: relative;
	left: -10px;
    top: 2px;
    content: "";
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    background: url(/wp/wp-content/uploads/2019/12/icon_fax.png) no-repeat;
    background-size: contain;	
}
#contct_area_top p{
	margin:0;
}
.button{
	text-align: center;
    margin-bottom: 20px;
}
.wpcf7-form-control.wpcf7-submit{
	/*width: 20%;*/
	width: 260px;
}
.pdf_dr a{
	padding-left: 38px;
    display: block;
    background: url(/wp/wp-content/uploads/2019/12/icon-pdf.gif) no-repeat 0%;
}
#w_3d .elementor-widget-image,
#w_shoushiki .elementor-widget-image,
#w_ganseki .elementor-widget-image{
	width: 50%;
}
#w_3d .elementor-widget-image.img100{
	width: 40%;
}
#w_3d .elementor-widget-container h6,
#w_shoushiki .elementor-widget-container h6,
#w_ganseki .elementor-widget-container h6{
	padding: 20px 0px 20px 0px;
    background-color: #e5ecf5;
}
#w_ganseki .elementor-element.elementor-element-4685fad.elementor-widget.elementor-widget-image-gallery,
#w_ganseki .elementor-element.elementor-element-8460e82.elementor-widget.elementor-widget-image-gallery{
	width: 50%;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

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

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

#header{
	padding: 10px;
}
.header-in{
	display: block;
}
.header-in > div.tagline,.header-in > div.logo{
	width: 100%;
}
.header-in > div.tagline:after{
    height: 0;
    margin-top: 0;
}
.entry-content .sp_title h2.elementor-heading-title.elementor-size-default{
	font-size: 25px;
}
.entry-content .sp_subtitle span.elementor-heading-title.elementor-size-default{
	font-size: 14px;
}
.entry-content .elementor-90 .elementor-element.elementor-element-de4e259{
	margin-top:0;
}
.entry-content .elementor-90 .elementor-element.elementor-element-6aa9c4e{
	font-size: 30px;
}
.entry-content .elementor-90 .elementor-element.elementor-element-977da07,.entry-content .elementor-90 .elementor-element.elementor-element-9d3cd6c,.entry-content .elementor-90 .elementor-element.elementor-element-08ded70,.entry-content .elementor-90 .elementor-element.elementor-element-6aa9c4e > .elementor-widget-container,.elementor-column-gap-default>.elementor-row>.elementor-column.elementor-element-06caa92 >.elementor-element-populated{
	padding: 0;
}
.entry-content .elementor-90 .elementor-element.elementor-element-864ddcc {
    font-size: 16px;
}
.entry-content .elementor-90 .elementor-element.elementor-element-749fc4a > .elementor-element-populated {
    padding: 0px 10px 60px 10px;
}
.entry-content .elementor-90 .elementor-element.elementor-element-529abcb{
    padding: 40px 10px 60px 10px;
}
.entry-content .elementor-90 .elementor-element.elementor-element-bd02ffb{
    padding: 40px 0;
}
.elementor-row,.elementor-column{
	display: block;
}
.elementor-element-977da07 .elementor-container.elementor-column-gap-default .elementor-row > div{
	margin-top: 20px;
}
.elementor-element-08ded70 .elementor-container.elementor-column-gap-default .elementor-row > div {
    margin-top: 20px;
}
.elementor-element-aa487f8 .elementor-container.elementor-column-gap-default .elementor-row > div{
	margin-top: 30px;
}
.elementor-element-9d3cd6c .elementor-container.elementor-column-gap-default .elementor-row > div,.elementor-element-5d4755c .elementor-container.elementor-column-gap-default .elementor-row > div,.elementor-element-c91e063 .elementor-container.elementor-column-gap-default .elementor-row > div,.elementor-17 .elementor-element.elementor-element-09ee838 .elementor-container.elementor-column-gap-default .elementor-row > div,.elementor-17 .elementor-element.elementor-element-5aa9b78 .elementor-container.elementor-column-gap-default .elementor-row > div,.elementor-17 .elementor-element.elementor-element-7622e96 .elementor-container.elementor-column-gap-default .elementor-row > div,.elementor-238 .elementor-element.elementor-element-f24e3dc .elementor-container.elementor-column-gap-default .elementor-row > div,.elementor-238 .elementor-element.elementor-element-70e4a9a .elementor-container.elementor-column-gap-default .elementor-row > div{
	margin-top: 30px;
}
.entry-content .elementor-255 .elementor-element.elementor-element-d1a9016{
	padding: 0;
}
#colume_area04 .colume_4 .box.elementor-column.elementor-col-25, .elementor-column[data-col="25"] {
    width: 100%;
}
#colume_area04 .colume_4 .box {
    margin-left: 0;
}
.btn_more .elementor-button-wrapper a{
    width: 100%;
}
.entry-content .elementor-90 .elementor-element.elementor-element-0bef49e,.entry-content .elementor-90 .elementor-element.elementor-element-5d4755c,.entry-content .elementor-90 .elementor-element.elementor-element-c91e063,.entry-content .elementor-17 .elementor-element.elementor-element-67463b3,.entry-content .elementor-17 .elementor-element.elementor-element-d1a9016,.entry-content .elementor-17 .elementor-element.elementor-element-09ee838,.entry-content .elementor-17 .elementor-element.elementor-element-5aa9b78,.entry-content .elementor-238 .elementor-element.elementor-element-f24e3dc,.entry-content .elementor-238 .elementor-element.elementor-element-70e4a9a{
	margin-top: 0;
}
#main_textarea {
    position: absolute;
    top: -50px;
    width: 90%;
    height: 50%;
}
#w_3d .elementor-widget-image, #w_shoushiki .elementor-widget-image, #w_ganseki .elementor-widget-image,#w_3d .elementor-widget-image.img100{
    width: 100%;
}
.entry-content .elementor-17 .elementor-element.elementor-element-e4df655 > .elementor-widget-container ,.entry-content .elementor-17 .elementor-element.elementor-element-de7f601 > .elementor-element-populated,.entry-content .elementor-17 .elementor-element.elementor-element-51c124e > .elementor-element-populated,.entry-content .elementor-17 .elementor-element.elementor-element-417287d > .elementor-widget-container,.entry-content .elementor-17 .elementor-element.elementor-element-1315300 > .elementor-widget-container,.entry-content .elementor-17 .elementor-element.elementor-element-677de05 > .elementor-widget-container,.entry-content .elementor-17 .elementor-element.elementor-element-d353f75 > .elementor-widget-container,.entry-content .elementor-17 .elementor-element.elementor-element-39b35e3 > .elementor-widget-container,.entry-content .elementor-17 .elementor-element.elementor-element-89c1bec > .elementor-widget-container,.entry-content .elementor-17 .elementor-element.elementor-element-d0920b2 > .elementor-element-populated,.entry-content .elementor-17 .elementor-element.elementor-element-21ae42b > .elementor-widget-container,.entry-content .elementor-17 .elementor-element.elementor-element-2231527 > .elementor-widget-container,.entry-content .elementor-17 .elementor-element.elementor-element-b80f61b > .elementor-widget-container,.entry-content .elementor-17 .elementor-element.elementor-element-47f7668 > .elementor-widget-container,.entry-content .elementor-17 .elementor-element.elementor-element-f0bef1a > .elementor-widget-container,.entry-content .elementor-17 .elementor-element.elementor-element-45c438f > .elementor-element-populated{
    margin: 0;
}
.entry-content .elementor-17 .elementor-element.elementor-element-ba0c8ee > .elementor-widget-container ,.entry-content .elementor-17 .elementor-element.elementor-element-d1a9016,.entry-content .elementor-273 .elementor-element.elementor-element-ba0c8ee > .elementor-widget-container ,.entry-content .elementor-250 .elementor-element.elementor-element-ba0c8ee > .elementor-widget-container,.entry-content .elementor-238 .elementor-element.elementor-element-ba0c8ee > .elementor-widget-container,.entry-content .elementor-255 .elementor-element.elementor-element-ba0c8ee > .elementor-widget-container,.entry-content .elementor-22 .elementor-element.elementor-element-917e752 > .elementor-widget-container,.entry-content .elementor-332 .elementor-element.elementor-element-d1a9016,.entry-content .elementor-339 .elementor-element.elementor-element-d1a9016{
    padding: 40px 0px 0px 0px;
}
.entry-content .elementor-273 .elementor-element.elementor-element-67463b3,.entry-content .elementor-250 .elementor-element.elementor-element-67463b3,.entry-content .elementor-238 .elementor-element.elementor-element-67463b3,.entry-content .elementor-238 .elementor-element.elementor-element-d1a9016:not(.elementor-motion-effects-element-type-background),.entry-content  .elementor-238 .elementor-element.elementor-element-d1a9016 > .elementor-motion-effects-container > .elementor-motion-effects-layer,.entry-content .elementor-255 .elementor-element.elementor-element-67463b3,.entry-content .elementor-22 .elementor-element.elementor-element-ebc4afb,.entry-content .elementor-332 .elementor-element.elementor-element-d1a9016,.entry-content .elementor-339 .elementor-element.elementor-element-d1a9016{
	margin-top: 0;
}
.entry-content .elementor-widget-wrap>.elementor-element.elementor-absolute{
    position: relative;
}
body:not(.rtl) .entry-content .elementor-255 .elementor-element.elementor-element-97957a7 {
    left: 0;
}
#table.m_page th ,#table.c_page th{
    width: 100%;
    display: block;
    padding: 10px;
}
#table.m_page td ,#table.c_page td {
    width: 100%;
    display: block;
    padding: 20px;
}
#table td ul {
    padding-left: 0;
    margin: 0;
}
#contct_area_top .contct_tell ul {
    display: block;
    width: 80%;
    font-size: 23px;
    text-align: center;
}
.fotter_area{
	width:90%;
	margin:30px auto;
	display: block;
	color:#fff;
	text-align: center;
}
#colume_area04 span {
    margin-left: 0;
    display: block;
}
.fotter_area div{
	display: block;
}
.fotter_area div.right {
    width: 100%;
    font-size: 30px;
    text-align: left;
    position: relative;
}
.fotter_area div.right p{
	position: relative;
}
.fotter_area div.right p a{
	text-decoration:none;
}
.fotter_area div.left {
    width: 100%;
}
#footer .fotter_navbtn{
    flex-wrap: wrap;
    margin: 10px auto;
}
#footer .fotter_navbtn li{
    width: calc(100% / 2);
    border-left: none;
}
#footer .fotter_navbtn li a{
    margin-top: 20px;
}
.fotter_area div.left p span{
	font-size: 12px;
}
.fotter_area div.right p{
    text-align: center;
}
}

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