body{
	word-break: auto-phrase;
}
#footer_up h3 {
	float: none;
}

#footer_up p {
	float: none;
	font-size:11px;
}

#footer_up div {
	text-align: center;
}
h2{
	margin-top:5%;
	text-align: center;
}

p.footerup_contats a{
	max-width: 400px;
}

/*add uesugi 20240319*/
#pagetop{
	display:none;
}

article.news_box .box_right a.link{
	font-size:15px;
	height: 40px;
    line-height: 40px;
}

.wrapper_box h3 img{
	width:auto;
}

/*============================================= [header] */
nav {
	width: 93%;
}
nav h1{
	max-width: 80%;
}
/* -----------------------------------------------[Hamburger] */

.ham_con {
	display: none;
	position: fixed;
	background: #ff3300;
	cursor: pointer;
	width: 50px;
	height: 50px;
	border-radius: 5px;
	right: 3%;
	z-index: 1002;
}

/*ボタン横棒*/
.ham_con span {
	display: inline-block;
	transition: all .4s;
	position: absolute;
	left: 14px;
	height: 2px;
	border-radius: 5px;
	background: #fff;
	width: 45%;
}

.ham_con span:nth-of-type(1) {
	top: 13px;
}

.ham_con span:nth-of-type(2) {
	top: 19px;
}

.ham_con span:nth-of-type(3) {
	top: 25px;
}

.ham_con span:nth-of-type(3)::after {
	content: "Menu";
	position: absolute;
	top: 5px;
	left: -2px;
	color: #fff;
	font-size: 0.6rem;
	text-transform: uppercase;
}

.ham_con.active span:nth-of-type(1) {
	top: 14px;
	left: 18px;
	transform: translateY(6px) rotate(-45deg);
	width: 30%;
}

.ham_con.active span:nth-of-type(2) {
	opacity: 0;
}

.ham_con.active span:nth-of-type(3) {
	top: 26px;
	left: 18px;
	transform: translateY(-6px) rotate(45deg);
	width: 30%;
}

.ham_con.active span:nth-of-type(3)::after {
	content: "Close";
	transform: translateY(0) rotate(-45deg);
	top: 5px;
	left: 4px;
}

.ham_inner a {
	font-size: 16px;
	border-bottom: 3px #ff3300 solid;
	font-weight: bold;
	color: rgb(0, 0, 0);
	text-decoration: none;
}

.ham_inner li {
	line-height: 4rem;
}

.ham_inner {
	display: none;
	position: fixed;
	z-index: 1001;
	top: 0;
	width: 100%;
	text-align:left;
	background-color: white;
	height: 100vh;
	padding: 15% 10% 10%;
    box-sizing: border-box;
	right: 0;
	background-image: url(../../img/bg_image.png);
	border-top: 6px #ff3300 solid;
}
nav ul{
	display: none;
}
header nav ul li{
	float: none;
}

header nav ul li:last-child a:link, header nav ul li:last-child a:visited {
	margin-top:25px;
}
/*============================================= [footer_up] */
.wrapper_box {
	width: 90vw;
}

/* img中央よせ */
#footer_up .wrapper_box h3 {
	margin: 0;
}

/* メールフォームからお問い合わせ中央寄せ */
#footer_up p.footerup_contats a {
	margin: auto;
}

#footer_up p.footerup_contats a:link,
#footer_up p.footerup_contats a:visited {
	width: 90%;
}

#footer_up p.tel_fax {
	font-size:35px;
}

#footer_up p.tel_fax span {
	font-size:25px;
}

#footer_up h4 {
	font-size:19px;
}

/*============================================= [footer] */
/* 配達対応エリア */
footer .area {
	float: none;
	margin: auto;
	margin: 5% auto;
	margin-top:20px!important;
	width: 80%;
}

/* ロゴ周辺 */
footer h4 {
	float: none;
	display: block;
	margin: auto;
	width: 100%;
	background-size: 90%;
	max-width: 406px;
}

/* グローバルメニュー */
footer .navi_link {
	display: grid;
	float: none;
	width: 80%;
	margin: auto;
}

/* グローバルメニュー */
ul.navi_link li:first-child {
	border-bottom: 1px solid white;
	padding: 1rem 5px;
}
ul.navi_link li{
	border: none;
	border-bottom: 1px solid white;
	padding: 1rem 5px;
	text-align: center;
}

/*add uesugi*/
/*表示・非表示の切り替え
PCのみ表示：class="pc-open sp-hidden"
スマホのみ表示：class="sp-open pc-hidden"
*/
.sp-hidden {
	display: none;
	/*スマホで非表示*/
}

.sp-open {
	display: inline;
	/*スマホで表示*/
}
/*============================================= TOP */
/* ---------------------------------------main */

section#mainimage article {
	width: 90%;/*edit 100% uesugi20240315*/
	height: auto;
	/*add uesugi20240314*/
	padding-top:100px;
}

section#mainimage article p {
	width: 90%;/*edit 100 uesugi20240316*/
	/*add uesugi20240314*/
    height: auto;
	background-image:none;
	margin:8px;
	margin-left: 3%;
}

.box_left {
	width: 100%;
}
.box_right{
	width: 100%;
	padding: 10%;
	box-sizing: border-box;
}

/* 鳥治物産の強み */
ul.tsuyomi{
	display: grid;
	justify-items: center
}

ul.tsuyomi li{
	width: 100%;
	margin: 0;
}
.box_left iframe{
	position: relative !important;
	left: 50% !important;
    transform: translate(-50%, 0%) !important;
}

/*add uesugi20240314*/
section#mainimage{
	/* background-position:center center,bottom right;  */
	/* add takeda20240318 調整のため */
	background-position:right,bottom right; 
	/*background-size: contain;*/
	background-color:rgba(255,255,255,0.6);
	background-blend-mode:soft-light;
	background-image: url(../../img/mainimage.jpg), url(../../img/top_kokko.png);
}

article.news_box .box_right h2{
	margin-top: 10%;
	padding-bottom: 5%;
}

#mainimage img{
	margin-left:2%;
	width:90%;
}

a[href="https://lin.ee/FBdu8aV"]{
	bottom: 6px;
    left: 89px;
    width: 30%;
}

.responsiveLine{
	max-width: 500px;
    margin: auto;
	display: block;
}
.pc-line{
	display: none;
}

/*==========================================商品紹介*/
img {
	max-width: 100%;
	height:auto;
}

#contents01 {
	width: 100%;
}

.bui-img{
	width:90%;
}

#contents02 {
	width: 100%;
}

table.item_list td p {
	/*margin:8px;*/
	margin-right:20px;
	margin-left:20px;
}

table.item_list td img {
	display: inline;
}

table.item_list td {
	width: 100%;
	display: block;
	padding-right: 0px;
}

.link_botan:link,
.link_botan:visited {
	padding: 10px 0px;
	width: 100%;
	font-size:15px;
	margin-top:15px;
}

.link_botan03:link,
.link_botan03:visited {
	padding: 10px 0px;
	width:100%;
	margin-bottom:15px;
	font-size:15px;
}

img[src="img/sub_title005.png"]{
	padding-bottom: 5%;
}

/*==========================================お取引について*/

.keiyaku_maincopy {
	width: 90%;
	padding:10px;
	margin:0 auto;
    background-size: contain;
	background-color:rgba(255,255,255,0.6);
	background-blend-mode:soft-light;
}

ul.keiyaku_flow li h4 {
	text-align:center;
}

ul.keiyaku_flow li p{
	margin-left:30px !important;
	margin-right:30px !important;
}

.flow-img{
	width:90px;
	height:100px;
	margin-top:10px;
}

.flow-img2{
	width:105px;
	height:100px;
	margin-top:10px;
}

ul.keiyaku_flow li:nth-child(1),
ul.keiyaku_flow li:nth-child(2),
ul.keiyaku_flow li:nth-child(3), 
ul.keiyaku_flow li:nth-child(4) {
	padding: 0px;
	background-image: none;
	height:auto;
}

.keiyaku_maincopy img{
	margin-left:5.7% !important;
	width:auto;
}

.flow-img2-wh{
	width:87%;
	height:auto;
}

.flow-img2-wh{
	width:87%;
	height:auto;
	/* add takeda 20240318 調整のため */
	max-width: 300px;
}

.link_botan02:link,
.link_botan02:visited {
	padding: 10px 0px;
	width: 100%;
	margin-bottom:15px;
	font-size:15px;
}

.root-image{
	width:auto;
	margin:0 auto;
	display:block;
}

/*==========================================会社案内*/

.office_comment {
	padding: 0px;
	background: none;
}

table.gaiyo {
	width:90%;
	margin:0 auto;
}

.gaiyo th,
.gaiyo td {
	display: block;
	width: 100%;
	border: #808080 solid 1px;
}

.daihyo-img{
	/*width:50% !important;*/
	width:auto !important;
	display:block;
	margin: 0 auto;
}

.office_comment h3 {
	text-align:center;
	margin:5px;
}

.office_comment p {
	margin-left:6% !important;
	margin-right:6% !important;
}

h3 img{
	width:90%;
}

#contents01 h3 img{
	margin: 0;
}

.office_comment h3 img{
	width:93%;
	margin-left:2%;
}

/*==========================================求人*/

.h4_title{
	margin:8px;
	margin-left:5%;
}

.recruit_table {
	width:90%;
	margin:0 auto;
	margin-bottom:20px;
	margin-top:10px;
}

.recruit_table th,
.recruit_table td {
	display: block;
	border: #808080 solid 1px;
}

article.saiyo {
	background-image:none;
}

.saiyo h3{
	line-height:35px;
}

.saiyo strong {
	font-size:23px;
	margin-left:77px;
	width:300px;
	margin:0 auto;
}

.app {
	margin:8px;
}

.img_center{
    margin: 0 auto;
    width: 90%;
}

article.saiyo {
	margin-bottom:0px !important;
}

.app ul li {
	margin-left: 10px;
}

.app h4 {
	margin-left: 10px;
}

/*==========================================問い合わせ*/


.contacts_table th,
.contacts_table td,
.contacts_table tr,
.contacts_table tbody{
	display: block;
}

.contacts_table {
	margin:0 auto;
	width:88%;
	margin-bottom:8px;
	border: #808080 solid 1px;
	table-layout: fixed;

}

.contacts_table th {
	width:auto;
}

.ml18 {
	margin-left:0px;
}

.contacts_table input[type="text"], .contacts_table textarea {
	width:95% !important;
}

#contents01 p, .pryvacy{
	margin:2.5%;
}

#contents01 p{
	margin-left:6.5%;
    margin-right: 6.5%;
}

.pryvacy{
	padding:10px;
}

.pryvacy h4 {
	padding-top:15px;
	margin-left:2.5%;

}

.pryvacy h5 {
	margin-left:2.5%;
}

.telfax_title{
	margin:25px 8px 8px 8px;
	margin-left:6.5% !important;
	margin-right:6.5% !important;
}

.telfax_img{
	margin:15px;
}

section {
    padding: 30px 0px;
}

@media screen and (max-width:1050px) {
	.ham_con{
		display: block;
	}
}

/* タブレットサイズの時 */
@media screen and (max-width:1050px) and (min-width:601px) {
	/* -----------------------------------------------[ハンバーガーメニュー] */
	.ham_inner {
		width: 45vw;
	}
	/* -----------------------------------------------[TOP：鳥治物産の強み] */
	ul.tsuyomi{
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 4%;
	}
	/* -----------------------------------------------[フッター] */
	footer .navi_link{
		grid-template-columns: 1fr 1fr;
		column-gap: 5%;
	}
	footer h4 {
		padding: 61px 0px 0px 109px;
	}
	footer .navi_link {
		margin-bottom: 5%;
	}
	
	.office_comment h3 img{
		width:auto;
	}	
	
}

/* スマホサイズの時 */
@media screen and (max-width:600px)  {
	/* -----------------------------------------------[ハンバーガーメニュー] */
	.ham_inner {
		width: 100%;
	}
	/* -----------------------------------------------[TOP：FaceBook] */
	.box_left iframe{
		width: 90% !important;
	}
	/* -----------------------------------------------[TOP：鳥治物産の強み] */
	ul.tsuyomi{
		grid-template-columns: 1fr;
		row-gap: 4%;
	}
	ul.tsuyomi li{
		width: 80%;
	}

	ul.tsuyomi li:last-child{
		height: 205px;
	}
	/* -----------------------------------------------[フッター] */
	footer .navi_link{
		grid-template-columns: 1fr;
	}
	footer h4 {
		padding: 61px 0px 0px 107px;
		font-size:11px !important;/*add uesugi 20240319 */
	}
	ul.navi_link li:last-child{
		border: none;
	}
	footer .navi_link {
		margin-bottom: 1%;
	}

/*add uesugi20240317*/
	.sp-hidden2 {
		display: none;
		/*スマホで非表示*/
	}
	.sp-open2 {
		display: inline;
		/*スマホで表示*/
	}
	.text-int{
	  text-indent: -6em;
	  padding-left: 6em;
	}
}