﻿header .inner{
	height:110px !important;
}
header #headermenu li a{
	font-size:70%;
}
header #headermenu li a strong{
	font-size:130%;
}
.link-btn{
	text-align:right;
	margin-top:0.1em !important;
	margin-bottom:1em !important;
}
.link-back{
	text-align:left;
}
strong{
	color:#0A7235;
}
#headermenu li a,.link-btn a{
	text-decoration: none;display: inline-block;
	background: #0A7235;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#3A935E, #0A7235);	/*グラデーション*/
	color: #FFF;	/*文字色*/
	padding: 0px 15px;	/*上下、左右へのボックス内の余白*/
	border-radius: 4px;	/*角丸のサイズ*/
	border: 1px solid #0A7235;	/*枠線の幅、線種、色*/
}
#headermenu li a:hover,.link-btn a:hover{
	color: #0A7235;	/*文字色*/
	background: #fff;	/*背景色*/
}

.link-right{
	text-align:right;
}
caption{
	text-align:left;
}
.money{
	text-align:right;
	font-weight:bold;
}

.display-pc{

}
.display-mobile{
	display:none;
}
@media screen and (max-width:480px){
	.display-pc{
		display:none;
	}
	.display-mobile{
		display:block;
	}
}
.c3 h4 {
	padding: 2px 0px 0px 2px;
	margin-bottom: 10px;
	font-size: 140%;
}
/*商品詳細ページ*/
.menu-detail p{
	margin-top:1px !important;
	padding-bottom:10px;
}
.menu-detail p strong{
	font-size:1.2em;
	color:#0A7235;
}
.menu-detail p span{
	font-size:1.2em;
	color:#c4323a;
	font-weight:bold;
}
/*カービングページ*/
.carving ul{
	margin-left:5%;
	list-style-type:square;
}
.gallery h4{
	font-size:14px !important;
	margin-top:5px;
}
/*果物の選び方ページ　ジュースページ*/
.scene h4,.juice h4{
	font-size:120% !important;
	margin-bottom:5px !important;
	padding-left:0px !important;
}
@media only screen and (max-width:400px){
	.scene .list,.juice .list{
		border-bottom:none !important;
	}
}
/*納品実績ページ*/
.performance .res-table caption{
	border:none !important;
	padding-left:0px !important;
}
@media only screen and (max-width:400px){
	.performance p{
		line-height:1.8em !important;
		margin-bottom:1em !important;
	}
}
/*サイトマップページ*/
.sitemap .list{
	height:16em !important;
	overflow:hidden;
	font-size:14px;
}
.sitemap .list ul ul{
	margin-left:1em;
	font-size:12px;
}

.sitemap .list a::before {
	content: none;
}
#sitemap-menu a {
	color: #0A7235;
}
#sitemap-menu a:hover {
	text-decoration:underline;
}

/*レスポンシブ　テーブル*/
.res-table{
	margin-left:5%;
	width:90%;
	margin-bottom:2em;
}
.res-table th{
	width: 30%;
	text-align: left;
	padding-left:10px;
	font-weight:normal;
	border-bottom:1px dotted #0f0f0f;
}
.res-table td{
	border-bottom:none;
	border-bottom:1px dotted #0f0f0f;
}

@media only screen and (max-width:480px){
		.res-table th, .res-table td{
		width: 100%;
		display: block;
  }
	.res-table th{
		margin-top:5px;
		padding-left:0px;
	}
	.res-table td{
		padding-left:10px;
		border-bottom:none;
	}
}
/*フォーム*/
textarea,select,option,input[type="text"],input[type="email"],input[type="tel"],input[type="checkbox"],input[type="radio"],input[type="submit"],input[type="reset"],input[type="button"]{
	font-size:100% !important;
	padding:2px 5px 3px !important;
}
table.res-table caption {
	font-size: 120%;	/*文字サイズ。上の「body」で設定しているサイズに対しての指定。*/
}
table.res-table caption {
	border-left: 3px solid #0A7235;	/*左の線の幅、線種、色*/
	padding-left: 10px;	/*線とテキストとの距離*/
}
table.res-table caption.mgbt {
	margin-top:50px;
}
table.res-table td{
	padding-top:5px;
}
.form-check{
	text-align:center;
	margin-top:1em;
}
table.order{
	width:100%;
}
table.order th{
	font-weight:normal;
	text-align:left;
	border:1px solid #0A7235;
	padding-left:1em;
}
table.order td{
	text-align:right;
	border:1px solid #0A7235;
	padding-right:1em;
}
table.order th.form-headline{
	text-align:center;
	background-color:#0A7235;
	color:#ffffff;
}

/*table.order input.total{
	width:70% !important;
	border:0;
	text-align:right;
	padding-right:0.5em;
	color:#ffffff;
}
table.order .haisou{
	border-right:0 !important;
	text-align:right;
	padding:10px;
	
}*/
table.order .order-th{
	font-size:100%;
	font-weight:bold;
	text-align:right;
	padding-right:10px;
}
table.order .order-td{
	padding-right:10px;
}
table.order .order-td input{
	text-align:right;
	font-size:100%;
	border:none;
	overflow:hidden;
	background-color:transparent;
	user-select: none;
}
table.order .order-total{
	background-color:#0A7235;
}
table.order .order-th-total{
	background-color:#0A7235;
	color:#ffffff;
	font-size:100%;
	font-weight:bold;
	text-align:right;
	padding-right:10px;
}
table.order .order-td-total{
	background-color:#0A7235;
	color:#ffffff;
	padding-right:10px;
}
table.order .order-td-total input{
	text-align:right;
	font-size:130%;
	font-weight:bold;
	color:#ffffff;
	border:none;
	overflow:hidden;
	background-color:transparent;
	user-select: none;
}

@media only screen and (max-width:480px){
	textarea,select,input[type="text"],input[type="email"],input[type="tel"],input[type="checkbox"],input[type="radio"],input[type="button"],input[type="submit"]{
		/*font-size: 14px;*/
		padding:4px;
	}
	table.order{
		width:100%;
	}
	table.order th{
		width:60% !important;
		border:none;
		border-bottom:1px dotted #0f0f0f;
	}
	table.order td{
		border:none;
		border-bottom:1px dotted #0f0f0f;
	}
	table.order .gokei,table.order .soukei{
		border:none;
	}
	/*input,select,textarea{
	   font-size:16px;
	}
	input[type="submit"],input[type="reset"]{
	   font-size:16px !important;
	}*/
	.res-table select{
		width:90%;
		padding-top:2px !important;
		padding-bottom:2px !important;
		overflow:hiddeh;
	}
	.res-table textarea{
		width:90%;
		overflow:hidden;
	}
}

/*4カラム利用時--------------------------------------------*/
.c4 .list {
	float: left;	/*左に回り込み*/
	padding: 1%;	/*ボックス内の余白の上書き*/
	width: 20%;		/*幅*/
	margin-left: 2.2%;
	margin-right: 0;
}
/*h4タグ*/
.c4 .list h4 {
	font-size: 120%;
	height:2.2em;
}
/*p段落タグ*/
.c4 .list p {
	height: 5.4em;	/*上の「.list p」の「1.8」×「表示させたい行数」を設定。5.4だと3行分になる。*/
}
/*ボタン(btn)の設定
---------------------------------------------------------------------------*/
input[type="submit"].btn,input[type="button"].btn,input[type="reset"].btn {
	-webkit-appearance: none;
	padding: 5px !important;	
	margin-bottom: 10px !important;
	border: 1px solid #ccc !important;	
	border-radius: 3px !important;	
	background: linear-gradient(#fff, #eee) !important;
}
input[type="submit"].btn:active,input[type="button"].btn:active,input[type="reset"].btn:active {
	padding: 5px !important;	
	margin-bottom: 10px !important;
	border: 1px solid #ccc !important;	
	border-radius: 3px !important;	
	background: linear-gradient(#fff, #eee) !important;
}

input[type="submit"].btn:hover,input[type="button"].btn:hover,input[type="reset"].btn:hover {
	border: 1px solid #999 !important;	
	border-radius: 3px !important;	
	background: #fff !important;	
	position: relative;top: 1px;left: 1px !important;
}

/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){
	/*listブロック設定*/
	.c4 .list {
		float: left !important;	/*左に回り込み*/
		padding: 2% !important;	/*ボックス内の余白の上書き*/
		width: 46% !important;		/*幅*/
	}
	/*h4タグ設定*/
	.c4 .list h4 {
		font-size: 100% !important;
		font-weight:bold;
		height:2em;
		padding-left:3px !important;
	}
	/*段落タグ設定*/
	.c4 .list p {
		font-size: 90% !important;
		line-height: 1.5 !important;
		height: 7em !important;
	}
	/*段落タグ設定*/
	.contents p {
		padding: 0px 10px 10px;	/*上、左右、下への余白*/
		font-size:110%;
	}
	/*段落タグが続く場合に余白が空きすぎないようにする*/
	.contents p + p {
		margin-top: 0;
	}
}

/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){
	header .inner{
		height:80px !important;
	}
	.link-btn{
		text-align:center;
	}
	#headermenu li a,.link-btn a{
		width:80%;
		text-align:center;
		text-decoration: none;display: inline-block;
		background: #0A7235;
		color: #FFF;	/*文字色*/
		padding: 0px 15px;	/*上下、左右へのボックス内の余白*/
		/*border-radius: 4px;	角丸のサイズ*/
		border: 1px solid #0A7235;	/*枠線の幅、線種、色*/
	}
	#headermenu li a:hover,.link-btn a:hover{
		color: #0A7235;	/*文字色*/
		background: #fff;	/*背景色*/
	}
	.c4 .list h4 {
		font-size: 100% !important;
		font-weight:boldl;
		height:1em;
		padding-left:0px !important;
	}

}

/*更新履歴
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.box-news{
	height:280px;
	overflow:auto;
}
.box-news::-webkit-scrollbar{
 display:none;
}
.box-news{
 -ms-overflow-style:none;
}
.box-news .kanbai{
	color:#999;
}
.box-news .shinki{
	color:#0A7134;
}
.box-news .tokushu{
	color:#CF1D1D;
}
/*パンくずリスト
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.breadcrumb {
  padding-left:0;
  margin-left:0;
	margin-bottom:8px;
}

.breadcrumb li{
  display:inline;
  list-style: none;
	font-size:80%;
}

.breadcrumb li:after{
  content: '>';
  padding: 0 2px 0 6px;
  color: #555;
}

.breadcrumb li:last-child:after{
  content: '';
}

.breadcrumb li a {
    text-decoration: none;
    color: #0A7235;
}

.breadcrumb li a:hover {
    text-decoration: underline;
}
