/*
Template: onetone
Theme Name: onetone_child
*/

body {
	font-size: 17px;
	line-height: 31px;
}
p {
	margin: 0;
}
a {
	text-decoration: none !important;
}

/*　スマホ・タブレットの改行　*/
@media screen and (max-width: 767px){
	br.br_tb {
    	display: none;
	}	
	br.br_sp {
    	display: block !important;
	}
}
@media screen and (min-width: 768px) and  (max-width: 1024px) {
	br.br_sp {
    	display: none;
	}	
	br.br_tb {
    	display: block !important;
	}
}
@media screen and (min-width: 1025px){
	br.br_tb {
    	display: none;
	}
	br.br_sp {
    	display: none;
	}
}

/*　ボタンの設定　*/
.elementor-button {
	border-radius: 50px !important;
	box-shadow: 0 0 0 5px #c52b0d !important;
	border: 1px solid #fff;
}
.elementor-button:hover {
	box-shadow: 0 0 0 5px rgba(197, 43, 13, 0.6) !important;
}

/*　スマホ版でTEL・FAXが自動でリンク色になるのを調整　*/
.tel a, .fax a {
    color: inherit;    
}

/*　flexbox　*/
.elementor-row,
.elementer-inner-row {
	justify-content: space-between;
}
@media screen and (min-width: 768px) {
	.flexbox .elementor-column.elementor-col-20 {
		width: 19% !important;
	}
	.flexbox .elementor-column.elementor-col-25 {
		width: 24% !important;
	}
	.flexbox .elementor-column.elementor-col-33 {
		width: 32% !important;
	}
	.flexbox .elementor-column.elementor-col-50 {
		width: 49% !important;
	}	
}

/* -----------------------------------------------------------
	ヘッダ
----------------------------------------------------------- */
/*　ロゴ　*/
img.site-logo {
    height: 55px;
}

/*　メニュー　*/
.site-nav > ul > li > a,
.fxd-header .site-nav > ul > li > a {
	font-size: 16px;
    font-weight: normal;
}
.site-nav.style3 > ul > li > a:hover > span {
    font-weight: normal;
}
 @media (min-width: 920px) {
	 .site-nav > ul > li > a {
		 line-height: 75px;
	 }
}

/*　オンラインショップ　*/
.site-nav > ul > li:nth-of-type(4) > a span {
	border-radius: 50px !important;
	box-shadow: 0 0 0 3px #c52b0d !important;
	border: 1px solid #fff !important;
	background-color: #c52b0d;
	padding: 8px 23px !important;
	color: #fff;
	font-weight: 700 !important;
}
.site-nav > ul > li:nth-of-type(4) > a:hover span {
	box-shadow: 0 0 0 3px rgba(197, 43, 13, 0.6) !important;
	background-color: rgba(197, 43, 13, 0.6);
}

/*　スマホ版メニューのhoverテキスト色と背景色　*/
@media screen and (max-width: 920px) {
     #menu-main > li > a:hover, #menu-main > li.current > a {
        color:  !important;
        background-color: ;
    }
}
/*　背景色とリンクの色はカスタマイズ Styling > Main Menu Colors の
　　Main Menu Background Color ( Sub Level )、Main Menu Font Color ( Sub Level ) で設定　*/

/* -----------------------------------------------------------
	フッタ
----------------------------------------------------------- */
footer .widget-box {
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 0;
}
footer .widget-box a {
	color: #000;
	font-size: 15px;
	line-height: 24px;
}
.widget-box ul:first-of-type {
    margin-bottom: 30px;;
}
footer .widget-box li {
	border-bottom: 0 none;
}
footer .widget-box li + li {
    margin-top: 0;
}
footer .site-info {
	color: #fff;
}
footer .col-md-4:first-child {
	text-align: center;
}
@media screen and (min-width: 992px) {
	footer .col-md-4:first-child {
		width: 35%;
		text-align: left;
	}
	footer .col-md-4 img {
		margin-left: 50px;
	}
	footer .col-md-4:nth-child(2) {
		width: 28%;
	}
	footer .col-md-4:nth-child(3) {
		width: 37%;
	}
}

/* -----------------------------------------------------------
　　TOP
----------------------------------------------------------- */
/*　スマホ版左右余白設定　*/
.topcon {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

/*　人気商品　*/
/*#hotitem .flexbox .elementor-column.elementor-col-20 {
	width: 48% !important;
}*/
/*@media screen and (min-width: 992px) {
	#hotitem .flexbox .elementor-column.elementor-col-20 {
		width: 17% !important;
	}
}*/

/*　ラインナップ　*/
#lineup .flexbox .elementor-column.elementor-col-25 {
	width: 47% !important;
}
@media screen and (min-width: 992px) {
	#lineup .flexbox .elementor-column.elementor-col-25 {
		width: 22% !important;
	}
}

/*　TEL ＆ FAX　*/
#tel-fax span {
	background-color: #c52b0d;
	padding: 0 20px;
	line-height: 40px;
	font-size: 26px;
	color: #fff;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 10px;
}
@media screen and (max-width: 767px) {
	#tel-fax span {
		font-size: 20px;
	}
}

/* -----------------------------------------------------------
　　サブページ共通
----------------------------------------------------------- */
/*　ページタイトル　*/
.page-title h1 {
	font-size: 30px;
}

/* -----------------------------------------------------------
　　会社案内
----------------------------------------------------------- */
#company table {
	border: #c7c7c7 1px solid;
    margin-bottom: 60px;
	line-height: 1.8;
}
#company th {
	border: #c7c7c7 1px solid;
	background-color: #f5f5f5;
	width: 30%;
	padding: 10px 25px;
	font-weight: normal;
	vertical-align: middle;
}
#company td {
	border: #c7c7c7 1px solid;
	padding: 10px 25px;
}
#company iframe {
	width: 100%;
}
@media screen and (max-width: 767px) {
	#company table th, #company table td {
		display: block;
		width: 100%;
		border-width:  0 0 1px 0;
	}
	#company table tr:last-child td {
		border-bottom: none 0;
	}
}

/* -----------------------------------------------------------
　　お問い合わせ
----------------------------------------------------------- */
#contact .text {
	text-align: center;
	margin-bottom: 70px;
}
.wpcf7 .asterisk {
	margin: 0 0 0 0.2em;
	color: #c52b0d;
}
.wpcf7 .check .wpcf7-list-item {
    margin: 0 0.5em 0 0;
}
div.wpcf7 {
	font-family: inherit;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
div.wpcf7 label {
	font-weight: normal;
	margin-bottom: 20px;
    width: 100%;
}
.wpcf7 form textarea {
	width: 100%;
	padding: 5px 7px 3px;
	font-size: 16px;
	color: #666;
	line-height: 1.6;
}
.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="tel"],
.wpcf7 form select {
	width: 100%;
	max-width: 400px;
	padding: 5px 7px 3px;
	font-size: 16px;
	color: #666;
	line-height: 1.6;
}
.wpcf7 form input[type="submit"] {
	line-height: 1;
    background-color: #c52b0d;
	padding: 12px 70px;
	border-radius: unset;
	border: none 0;
}
.wpcf7 form input[type="submit"]:hover {
    background-color: #c52b0d99;
}
span.wpcf7-not-valid-tip {
    color: #c52b0d;
}
div.wpcf7-response-output {
    margin: 2em 0 1em;
}
@media screen and (max-width: 991px) {
	div.wpcf7 {
		width: 85%;
	}
}
@media screen and (max-width: 767px) {
	div.wpcf7 {
		width: 95%;
	}
}



/* -----------------------------------------------------------
　　お問い合わせ
----------------------------------------------------------- */
.wpcf7 .asterisk {
	margin: 0 0 0 0.2em;
	color: #c52b0d;
}
.wpcf7 .check .wpcf7-list-item {
    margin: 0 0.5em 0 0;
}
div.wpcf7 {
	font-family: inherit;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
div.wpcf7 label {
	font-weight: normal;
	margin-bottom: 20px;
    width: 100%;
}
.wpcf7 form textarea {
	width: 100%;
	padding: 5px 7px 3px;
	font-size: 16px;
	color: #666;
	line-height: 1.6;
}
.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="tel"],
.wpcf7 form select {
	width: 100%;
	max-width: 400px;
	padding: 5px 7px 3px;
	font-size: 16px;
	color: #666;
	line-height: 1.6;
}
.wpcf7 form input[type="submit"] {
	line-height: 1;
    background-color: #c52b0d;
	padding: 10px 25px;
	border-radius: unset;
	border: none 0;
}
.wpcf7 form input[type="submit"]:hover {
    background-color: rgba(197,43,13,.6); 
}
span.wpcf7-not-valid-tip {
    color: #c52b0d;　/* エラーメッセージの色・アスタリスクの色と合わせる */
}
div.wpcf7-response-output {
    margin: 2em 0 1em;
}
@media screen and (max-width: 991px) {
	div.wpcf7 {
		width: 85%;
	}
}
@media screen and (max-width: 767px) {
	div.wpcf7 {
		width: 95%;
	}
}