/*
Theme Name:SOLARIS child
Theme URI:https://tcd-theme.com/tcd088
Description:WordPressテーマ「SOLARIS」の自作子テーマです。
Template:solaris_tcd088
Author:jotoinsatsu
Author URI:https://jotoinsatsu.co.jp/
Version:1.0.0
*/

@charset "UTF-8";
/********************/
/*TCDテーマ強制修正分   */
/********************/
#company_list .catch {padding: 35px 40px!important;}
.tab_content_top_inner{color: #000!important}
.tab_content_top p{font-size: 21px;}
.tab_content_top .tab .item {color:#000;}
body{font-weight: 700!important}
#global_menu > ul{text-align: right!important}
#global_menu > ul > li > a{font-weight: 600!important;font-size: 18px!important;}
.cb_service_item_list .title{color: #d71618!important;text-shadow:2px 2px 2px #fff;font-size: 32px!important;}
.cb_service_item_list .item a {}
#global_menu > ul > li{font-size: 17px!important}
/********************/
/*共通   */
/********************/
.eikoucolor{color: #d71618!important}
@media only screen and (min-width: 768px) {
.pcnone{display: none}
}      
@media only screen and (max-width: 768px) {
.spnone{display: none}
}
.eikou_section{margin-bottom: 80px}
@media only screen and (max-width: 768px) {
.eikou_section{margin-bottom: 40px}
}

.eikou_point{font-weight: 600;color: #d71618;}

.colum2{display: flex;justify-content: space-between;}
.colum2_item{width: 47.5%}
.colum2_item img{width: 100%}
@media only screen and (max-width: 768px) {
.colum2{flex-direction: column;}
.colum2_item{width: 100%;margin-bottom: 20px;}
}
.eikoupoint_box{position: relative;margin: 60px 0 30px;padding:1em;border: solid 3px #d71618;}
.eikoupoint_box-title{position: absolute;
    display: inline-block;
    top: -37px;
    left: -3px;
    padding: 5px 20px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #d71618;
    color: #ffffff;
    font-weight: bold;
    }

/* サイドバーバナー */
.tcd_banner_widget a{height: 250px!important}
.tcd_banner_widget .image_wrap {height: 250px!important}
.tcd_banner_widget .image {height: 250px!important}

/********************/
/*トップページ  */
/********************/
.eikou_top_info{width: 80%;margin: 0 auto 40px;display: flex;justify-content: space-between;}
.eikou_top_info_child:first-child{width: 19%;}
.eikou_top_info_child:nth-child(2){width: 77.5%;}
.eikou_top_info img{width: 100%}
.eikou_top_icon{display: flex;justify-content: space-between}
.eikou_top_icon_child{width: 32%;}
.eikou_top_icon img{width: 100%}
.footer_contact{border: none!important;display: flex;justify-content: space-between;}
.footer_contact_child{width: 47.5%;margin-bottom: 30px;}
.footer_contact_child img{width: 100%;}
#eikou_footer_banner{display: flex}
#eikou_footer_banner_child{width: 33.333333333%}
#eikou_footer_banner_child img{width: 100%}

@media only screen and (max-width: 768px) {
.eikou_top_info_child:first-child{width: 25%;}
.eikou_top_info_child:nth-child(2){width: 73%;}
.eikou_top_icon{display: flex;flex-direction: column;}
.eikou_top_icon_child{width: 80%;margin: 0 auto 20px;;}
.footer_contact{border: none!important;display: flex;flex-direction: column;}
.footer_contact_child{width: 100%;}
}

/********************/
/*会社情報  */
/********************/
/* 企業理念 */
.philosophy_h3{font-size: 28px!important;font-weight: 600!important;line-height: 1.8!important}
@media only screen and (max-width: 768px) {
.philosophy_h3{font-size: 20px!important;}
}
.philosophy_h4{font-size: 22px!important;font-weight: normal!important;line-height: 1.8!important;}
@media only screen and (max-width: 768px) {
.philosophy_h4{font-size: 18px!important;}
}

/* 会社概要 */
.profile_table td:first-child {width: 32%; background-color: #f7f7f7;font-weight: 600;}
@media only screen and (max-width: 768px) {
.profile_table td {display: block}
}

/* 海外の代理店 */
.agency_h3{margin-bottom: 0!important}

/* 採用情報 */
.recruit_table td:first-child {width: 25%; background-color: #f7f7f7;font-weight: 600;}
@media only screen and (max-width: 768px) {
.recruit_table td {display: block}
}
/********************/
/*事業内容  */
/********************/
.business_h2{font-size: 24px!important;color: #fff!important;padding: 23px!important;background-color: #d71618!important;margin-bottom: 30px!important}
.business_h3{font-size: 24px!important;padding: 23px!important;background-color: #f7f7f7!important;margin-bottom: 30px!important;border-left: solid 10px #d71618!important;line-height: 1.5em!important}
.business_h4{font-size: 21px!important;border-bottom: solid 2px #dbdbdb;padding-bottom: 5px!important;}
.business_h5{font-size: 24px;color:#d71618;font-weight:600;line-height: 1.5em;}
.business_h5{font-size: 24px;color:#d71618;font-weight:600;line-height: 1.5em;}
.business_list ul{margin-left: 0!important;display: flex;justify-content: space-between;flex-wrap: wrap;}  
.business_list li{width:47.5%;list-style: none;border:solid 2px #dbdbdb;padding:21px;margin-bottom:5%;box-sizing: border-box;}  
@media only screen and (max-width: 768px) {
.business_h2{font-size: 20px!important;color: #fff!important;padding: 15px!important;background-color: #d71618!important;margin-bottom: 30px!important}
.business_h3{font-size: 20px!important;padding: 15px!important;background-color: #f7f7f7!important;margin-bottom: 30px!important;border-left: solid 10px #d71618!important}
.business_h4{font-size: 18px!important;border-bottom: solid 3px #f7f7f7;padding-bottom: 5px!important;}
.business_h5{font-size: 20px;color:#d71618;font-weight:600;line-height: 1.5em;}
.business_list ul{margin-left: 0!important;display: flex;flex-direction: column;}  
.business_list li{width:100%;list-style: none;border:solid 2px #dbdbdb;padding:21px;margin-bottom:5%;box-sizing: border-box;}  
.business_list li:last-child{width:100%;list-style: none;border:solid 2px #dbdbdb;padding:21px;margin-bottom:0;box-sizing: border-box;}  
}

/* 自社ブランドのご紹介 */
.branditem {font-feature-settings: "palt";display: flex;justify-content: space-between;flex-wrap: wrap;}
.branditem_child{width:47.5%;list-style: none;border:solid 2px #dbdbdb;padding:30px;margin-bottom:5%;box-sizing: border-box;}
.branditem_space {width: 100%;display: flex;justify-content: space-between}  
.branditem_photo {width: 39%}  
.branditem_titlespace{width: 55%;margin-bottom: 20px;}  
.branditem_titlespace p{line-height: 1.5em!important}  
.branditem_title{font-weight: 700;color: #d71618;padding-bottom: 8px;}
.branditem_hyougumi{margin-bottom: 15px;}
.branditem_hyougumi ul{width: 100%; margin:0!important;border-bottom: solid #dbdbdb;}  
.branditem_hyougumi ul:first-child{border-top: solid #dbdbdb;}  
.branditem_hyougumi li{padding:10px 20px;list-style:none;display: table-cell;box-sizing: border-box;margin:0!important;}  
.branditem_hyougumi li:first-child{width: 115px!important;background-color: #f7f7f7;box-sizing: border-box;}  
.branditem_hyougumi li:nth-child(2){box-sizing: border-box;}  
.branditem_genzairyou{line-height: 1.5em!important;}
.branditem_genzairyou_bold{font-weight: 700;}
@media only screen and (max-width: 768px) {
.branditem {flex-direction: column;}
.branditem_child{width:100%;}
}

/* お菓子・OEM製造事業 */
.snackoem{display: flex;justify-content: space-between;}
.snackoem_child{width:47.5%;margin-bottom: 20px;}
.snackoem_flow ul{margin-left: 0!important;border-bottom: solid #dbdbdb;align-self: flex-start;box-sizing: border-box;}
.snackoem_flow li{list-style: none;display: inline-block;margin-right: 10px;padding-bottom: 10px;}
.snackoem_flow li:first-child{padding: 15px; background-color: #d71618;}
.snackoem_flow li:nth-child(2){font-weight: 700;color: #d71618;font-size: 20px;}
.snackoem_flow li:last-child{margin-right: 0px!important}
.snackoem_flow p{font-size: 24px;text-align: center;color: #fff;font-weight: 700;line-height: 24px;}
@media only screen and (max-width: 768px) {
.snackoem {flex-direction: column;}
.snackoem_child{width:100%;}
}

/********************/
/*ソリューション  */
/********************/
.event_box{background-color: #FFFFC4;padding: 1em;}


/*ーーーーーーーーーーーーーーーー*/
/*　　MW WP Formカスタマイズ　　*/
/*ーーーーーーーーーーーーーーーー*/
.mw_wp_form input[type="email"],
.mw_wp_form input[type="tel"],
.mw_wp_form input[type="text"],
.mw_wp_form textarea {
    padding: 1em;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
    font-size: 15px;
    border: 1px solid #ccc;
}
.mw_wp_form select {
    display: block;
    position: relative;
    width: 80%;
    height: 38px;
    font-size: 14px;
    font-size: 0.9rem;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    padding: 0 10px;
}
.mw_wp_form selectt:after {
    position: absolute;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    pointer-events: none;
}

/*――――「表」デザイン――――*/

.cform th {
	font-size: 15px;
	width: 25%; 
	border-bottom: solid 1px #d6d6d6;
	padding: 10px 0px 10px 15px;
	font-weight: bolder;
    text-align: left;
    vertical-align: top;
}


.cform td {
	font-size: 15px;
	line-height: 200%;
	border-bottom: solid 1px #d6d6d6;
	padding: 10px 10px;
}


/*―――――表示―――――*/

.cform {
	width: 94%;
	margin: auto;
}


.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
	width: 90%;
}



@media only screen and (max-width:767px) {
	.cform th,
	.cform td {
		width: 97%;
  border: 1px solid #999;
  padding: .5em 1em;
		display: block;
		border-top: none;
	}
}

/*――「送信ボタン」デザイン――*/

.submit-btn input {
background-color:#d71618;
border:0;
color:#ffffff;
font-size:1.3em;
font-weight:bolder;
margin:0 auto;
padding: 10px 35px;
border-radius: 3px;
cursor: pointer;
text-align:center;
}

.submit-btn {
text-align:center;
margin-top:20px;
　cursor: pointer;
}

.submit-btn input:hover {
	background: #a90002;
	color: #FFFFFF;
　cursor: pointer;
}


/*―――「必須」デザイン―――*/
.required-srt {
font-size:0.9em;
padding: 6px;
border-radius: 5px;
margin-right: 10px;
background: #d71618;
color: #ffffff;
}

/*ーーーーーーーーーーーーーーーー*/


/*――　取扱メーカーページ　――*/
.maker_flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.maker_flex_child{
    width: 48%;
    margin-bottom: 3%;
}
.maker_flex_child:nth-child(odd){
    margin-right: 4%;
}
.maker_flex_child_photo{
    border: solid 1px #ddd;
    padding: 4% 8%;
}

.maker_list ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: 0!important;    
}
.maker_list li{
    width: 350px;
    list-style: none;
    margin-bottom: 10px;
}

.sidebar_maker .headline{
    font-size: 18px;
    margin-bottom: 8%;
}