@import "../xml/inc_main/style.css";

#contents a {
	outline: none;
	text-decoration: none;
	cursor: pointer;
}
#contents a:link {
	color: #333333;
}
#contents a:visited {
	color: #333333;
}
#contents a:hover {
	color: #56a63f;
}
/*#contents a:active {
	color: #56a63f;
}*/

/* base */
#contents .section {
	margin-bottom: 40px;
	position: relative;
}
#contents .section h2 {
	font-size: 24px;
	line-height: 120%;
	letter-spacing: 0.05em;
}
#contents .section .h2title {
	margin-bottom: 10px;
}
#contents .section .h2title h2 {
	font-size: 24px;
	line-height: 120%;
	letter-spacing: 0.05em;
	float: left;
}
#contents .section.sub {
	margin-bottom: 40px;
	position: relative;
}
#contents .section.sub h3 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #E4E4E4;
	line-height: 120%;
	padding-bottom: 10px;
	margin-bottom: 14px !important;
}
#contents .section .list-link-arrow a span {
	border-bottom: 1px dotted #58a440;
}
#contents .section .h2title .list-link-arrow a span {
	font-size:14px;
}
#contents .section.sub .list-link-arrow li {
	margin-bottom: 8px;
}
#contents .section.sub .list-link-arrow a {
	font-size: 14px;
	display: block;
	background-position: 0 0.3em;
}
#contents .section.sub .list-link-arrow small {
	font-size: 10px;
	color: #666666;
}
#contents .section .list-link-arrow.right {
}
#contents .section .list-link-arrow.right li {
	display: inline-block;
	float: left;
	margin: 3px 0 0 20px;
}
.list-banner li > a {
	border: 1px solid #E4E4E4;
}

/* contentsSub */
#contentsSub>.section~.section {
	margin-top: 30px;
}
.section.shop {
	border-right: 1px solid #58A440;
	border-bottom: 1px solid #58A440;
	border-left: 1px solid #58A440;
	padding: 5px;
}
.section.shop>.inner {
}

.section.shop .block.order {
	width: 198px;
	margin: -5px 0 0 -5px;
	background: #58A640;
	padding:10px 5px 10px 5px;
	overflow: hidden;
}
.section.shop .block.order > .title {
	width: 96px;
	margin: 10px auto;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
}
.section.shop .block.order > h3 {
	margin-right: 15px;
	margin-bottom: 15px !important;
	margin-left: 15px;
	padding-top: 3px;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
}
.section.shop .block.order .article {
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 12px;
}
.section.shop>.article h3 {
	margin-bottom: 10px;
}
.section.shop .article {
	margin: 10px 15px 0px;
}
/*.section.shop .article {
	margin: 0 15px 20px;
}*/
.section.shop .article small {
	font-size: 10px;
}
.section.shop .banner {
	margin-bottom: 0;
}
.section.shop .list-link-arrow li+li {
	margin-top: 8px;
}
.section.shop .list-link-arrow li>a {
	display: block;
	background-position: 0 2px;
}
.section.shop .box-button {
	margin: 0 15px;
}
.section.shop .box-button+.box-button {
	margin: 12px 15px 0;
}
.section.shop .btn-sub {
	width: 176px;
	overflow: hidden;
	margin-top: 7px;
}
.section.shop .btn-sub li {
	float: left;
	margin-right: 8px;
}
.section.shop .info .article {
	margin: 0;
	padding: 15px;
}
.section.shop .info .article h3 {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 5px !important;
}
.section.shop #inc-info-system {
	border-bottom: 1px solid #E4E4E4;
}
.section.banner {
}
.section.banner ul.list-blocklink {
	border-top: 1px solid #E4E4E4;
	margin-bottom: 15px;
}
.section.banner ul.list-blocklink li {
	border-bottom: 1px solid #E4E4E4;
}
.section.banner ul.list-blocklink li a {
	display: block;
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 15px;
}
.section.banner ul.list-blocklink li a:hover {
	background-color: #F2EFEB;
}
.section.banner ul.list-blocklink li .figure {
	width: 80px;
	float: left;
}
.section.banner ul.list-blocklink li .detail {
	width: 120px;
	float: right;
	padding-right: 10px;
}
.section.banner ul.list-blocklink li .title {
	font-weight: bold;
	margin-bottom: 5px;
}
.section.banner ul.list-blocklink li .title a {
	color: #333333;
}
.section.banner ul.list-blocklink li .description a {
	color: #000;
}
.section.other {
}
.section.other .list-banner a {
	display: block;
}

/* contentsMain */
#contentsMain {
	margin-bottom: 0;
}
#contentsMain>.area-main>.block-main {
	width: 710px;
	height: 363px;
}
#contents > .inner {
	padding-bottom: 0;
}
.area-main .section {
	margin-bottom: 18px;
}
.area-content {
	color: #000000;
}
.area-content a {
	color: #000000;
}
.area-content a:hover {
	color: #58A43F;
}
.section.kosodate {
}
.section.kosodate h3 {
	padding-bottom: 10px;
	background-color: #fff;
}
.section.kosodate .block {
	border: 1px solid #DDDDDD;
	padding-bottom: 15px;
}
.section.kosodate .block .inner {
	overflow: hidden;
	background: url(../common/img/bg_dot_col3.gif) repeat-y center top;
}
.section.kosodate .box {
	width: 236px;
	float: left;
	position:relative;
}
.section.kosodate .box a.linkbox{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.section.kosodate .box.link-area .list-link-arrow li{
	background: url(../common/img/dot_arrow01_r_ss.gif) no-repeat 0 0.4em;
}
.section.kosodate .box.link-area .list-link-arrow li span{
	margin-left:10px;
	border-bottom: 1px dotted #58a440;
}
.section.kosodate .box.link-area:hover ul{
	color:#58a440;
}
.section.kosodate .box h4 {
	margin: 0 24px 12px;
}
.section.kosodate .box .description {
	margin: 0 24px 6px;
	font-size: 14px;
	line-height: 180%;
}
.section.kosodate .box .list-link-arrow {
	margin: 0 24px;
	padding-top: 5px;
	font-size: 14px;
}
.section.kosodate .box.yum .list-link-arrow {
	margin:0 24px 0 144px;
}
.section.kosodate .box .btn {
	margin: 0 10px 0 24px;
	float: left;
}
.section.recipe {
}
.section.recipe .h2title h2{
	font-size: 20px;
	font-weight: bold;
}
.section.recipe .block{
	overflow: hidden;
}
.section.recipe .list-recipe{
	overflow: hidden;
	margin-left: -10px;
}
.section.recipe .list-recipe li{
	position: relative;
	float: left;
	width: 170px;
	margin-left: 10px;
	padding-top: 8px;
}
.section.recipe .list-recipe li a{
	display: block;
}
.section.recipe .list-recipe li a:hover{
	opacity: 0.7;
}
.section.recipe .list-recipe li .figure{
	display: block;
}
.section.recipe .list-recipe li .figure img{
	width: 100%;
}
.section.recipe .list-recipe li .title{
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	-webkit-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 14px;
	padding-top: 7px;
	padding-bottom: 4px;
}
.section.news {
}
.section.news .list-news {
	border-top: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
}
.section.news .list-news li {
}
.section.news .list-news li.strong a {
	background-color: #FCECEB;
}
.section.news .list-news li.strong .text {
	font-weight: bold;
}
.section.news .list-news li a {
	display: block;
	background: none;
	overflow: hidden;
	padding: 14px 0;
}
.section.news .list-news li a:hover {
	background: #F2EFEB;
}
.section.news .list-news li + li a {
	background: url(../common/img/bo_dot01_x.gif) repeat-x 0 0;
}
.section.news .list-news li + li a:hover {
	background: #F2EFEB url(../common/img/bo_dot01_x.gif) repeat-x 0 0;
}
.section.news .list-news li .category {
	width: 90px;
	float: left;
	text-align: center;
	display: block;
	height: 18px;
}
.section.news .list-news li.cat02 .category {
	background: url(../img/ico_news02.gif) no-repeat center top;
}
.section.news .list-news li.cat03 .category {
	background: url(../img/ico_news03.gif) no-repeat center top;
}
.section.news .list-news li .category .label {
	color: #fff;
	font-size: 11px;
	line-height: 120%;
	background-color: #A28E76;
	display: inline-block;
	width: 65px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.section.news .list-news li .date {
	width: 66px;
	float: left;
	text-align: center;
	font-size: 12px;
	color: #666666;
	display: block;
	margin-top:2px;
}
.section.news .list-news li .text {
	width: 534px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	font-size:14px;
}
.section.app {
}
.section.app .block {
	overflow: hidden;
	border: 1px solid #DDDDDD;
	margin-bottom: 10px;
}
.section.app .inner{
    overflow: hidden;
}
.section.app .inner:first-child{
    border-bottom: 1px dotted #ccc;
}
.section.app .box {
	float: left;
	/*border-left: 1px solid #DDDDDD;*/
	text-align: center;
}
.section.app .box.col1{
	width: 313px;
}
.section.app .box.col2{
	width: 315px;
    border-left: 1px dotted #ccc;
}
.section.app .box.col3{
	width: 318px;
    border-left: 1px dotted #ccc;
}
.section.app .box a {
	display: block;
	padding: 20px 0px;
}
.section.app .box a:hover {
	background-color: #F2EFEB;
}
.section.app .box h3 {
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: bold;
}
.section.app .box h3 .label {
	display: inline-block;
	color: #fff;
	font-size: 11px;
	font-weight:normal;
	line-height: 17px;
	vertical-align: middle;
	text-align: center;
	height: 17px;
	min-width: 46px;
	margin: -3px 5px 0 0;
	padding: 0 2px;
}
.section.app .box .txt {
	margin-bottom: 13px;
	font-size: 12px;
	color: #333333;
}
.section.app .box .caption {
	display: block;
	color: #999999;
	font-size: 12px;
	padding-top: 8px;
}
.section.app .box.type-order h3 {
	color: #333333;
}
.section.app .box.type-order h3 .label {
	background-color: #006400;
}
.section.app .box.type-food h3 {
	color: #333333;
}
.section.app .box.type-food h3 .label {
	background-color: #CF9A0E;
}
.section.app .box.type-recipe h3 {
	color: #333333;
}
.section.app .box.type-recipe h3 .label {
	background-color: #D3472F;
}
.section.app .box.type-photo h3 {
	color: #333333;
}
.section.app .box.type-photo h3 .label {
	background-color: #4eb3ca;
}
#content-footer {
	clear: both;
	float: none;
}
#content-footer .section + .section {
	margin-bottom: 0;
}

/* for SP */
#for-sp {
	display: none;
	text-align: center;
	padding: 30px;
	background: -moz-linear-gradient(top, #26c005 6%, #006000 80%);
	/*FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,#26c005), color-stop(80%,#006000));
	/*Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #26c005 6%,#006000 80%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #26c005 6%,#006000 80%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #26c005 6%,#006000 80%);
	/* IE10+ */
	background: linear-gradient(to bottom, #26c005 6%,#006000 80%);
	/* W3C */
}
#for-sp a {
	display: block;
	max-width: 940px;
	margin: 0 auto;
}
#for-sp img {
	width: 100%;
	height: auto;
}

/* daidkolog_banner */
.daidoko_campaign a {
	border: 1px solid #ccc;
	margin: 15px 0;
}
.daidoko_campaign a:hover {
	border: 1px solid #56A63F;
}

/* facebook plugin */
.block-social_home {
	width: 208px;
	height: auto;
	margin-bottom: 10px;
}
.block-social_home p {
	padding: 10px;
	border-bottom: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
}

/* 0740 ABテスト */
.section>.header_daidoko {
	padding: 6px 0;
	border-top: 3px solid #996E6E;
}
.h_daidoko {
	float: left;
	margin: 0;
	padding: 0;
}
ul.top_daidoko_link {
	float: right;
	margin-top: 13px;
}
ul.top_daidoko_link li {
	float: left;
	margin-left: 20px;
	padding: 0;
	font-size: 9px;
	line-height: 1;
}
ul.top_daidoko_link li img {
	vertical-align: bottom;
}
#recipelist {
	height: auto;
	background: url(../xml/recipe/recipe_dot_bg.gif) 0 0  repeat-y;
}
.h_daidoko_recipe {
	margin: 10px 0;
}
.block-recipe .daidoko {
	float: left;
	margin-right: 7px;
	padding-right: 7px;
	width: 140px;
}
.block-recipe .daidoko.last {
	padding-right: 0;
	border-right: none;
}
.user {
	margin-bottom: 10px;
}
span.user_icon img {
	vertical-align: middle;
	margin-right: 8px;
}
span.user_name {
	font-size: 11px;
	color: #666;
	vertical-align: middle;
}
.recipe_comment {
	margin-top: 10px;
	color: #666;
}

/*--緊急広報--*/
.urgent p.midashi {
	padding-bottom: 5px;
	font-size: 12px;
	color: #cc0000;
}
.urgent p.midashi span {
	color: #000000;
}
.urgent p.text {
	padding-bottom: 15px;
	font-size: 14px;
}
.urgent p.text a {
	text-decoration: underline;
}
/*--緊急広報 熊本ここから--*/
.urgent {
	border:3px solid #cc0000;
}
.urgent h3 a {
	font-size:18px;
}
/*--緊急広報 熊本ここまで--*/

/*年末年始配送スケジュール 2014*/
.haisou-schedule {
	margin-bottom: 30px;
	padding: 20px 15px;
	border: 2px solid #CC0000;
	text-align: center;
}
.haisou-schedule h2 {
	margin-bottom: 20px;
}
ul.schedule_btn {
	margin-bottom: 10px;
}
ul.schedule_btn li.btn01 {
	float: left;
	width: 199px;
}
ul.schedule_btn li.btn02 {
	float: right;
	width: 199px;
}
.haisou-schedule p span {
	background: url(/common/img/dot_arrow01_r_ss.gif) no-repeat 25px 7px;
	margin: 0 auto;
	padding: 3px 0 3px 40px;
	display: inline-block;
}
.haisou-schedule p span a {
	border-bottom: 1px dotted #58A440;
}

/*141016お知らせ告知*/
#contents .cau a {
	color:#CC0000;
}
#contents .cau a:link {
	color:#CC0000;
}
#contents .cau a:hover {
	color:#CC0000;
}
#contents .cau a:visited {
	color:#CC0000;
}

/*ピックアップエリア*/
.section.pickup {
}
.section.pickup .block {
}
.section.pickup ul {
	border-bottom: 1px solid #E4E4E4;
}
.section.pickup li > a {
	display: block;
	padding-top: 14px;
	padding-bottom: 14px;
	border-top: 1px solid #E4E4E4;
	overflow: hidden;
}
.section.pickup li > a:hover {
	background-color: #F2EFEB;
}
.section.pickup .figure {
	width: 250px;
	float: left;
	position: relative;
	margin-right: 25px;
}
.section.pickup .detail {
	width: 410px;
	float: left;
	padding: 10px 0 0;
}
.section.pickup .title {
	font-size: 16px;
	font-weight: bold;
	line-height: 150%;
	margin: 0 0 10px;
}
.section.pickup .description {
	font-size: 14px;
	line-height: 180%;
}
.section .only-sp{
	display: none !important;
}

/*160530今週のレシピエリア*/
.recipe h2 img {
	margin-top: 4px;
}
.recipe h3 {
	margin: 20px 0 10px;
}
.recipe .btn .catalog {
	width: 710px;
	position:relative;
    margin-left: -10px;
}
.recipe .btn .catalog > li {
	display: block;
    float: left;
    margin-left: 10px;
}

.recipe .btn .catalog li a:hover{
	opacity: 0.7;
}

/*170430動画ギャラリーエリア*/
.movie .movieList {
	overflow: hidden;
	padding-top: 6px;
}
.movie .movieList li {
	float: left;
}
.movie .movieList li:first-child {
	margin-right: 30px;
}
.movie .movieList p {
	font-size: 14px;
}
.movie .movieList p.genre {
	font-size: 18px;
	font-weight: bold;
	margin-top: 8px;
}