@charset "utf-8";
@media screen and (min-width : 641px) and (max-width: 900px) {
#tmp_detail_lead{
	flex-direction: column;
}
#tmp_detail_lead .detail_lead_slider,
#tmp_detail_lead .detail_lead_img{
	margin-bottom: 30px;
	width: 100%;
	text-align: center;
}
#tmp_detail_lead .detail_lead_slider + .detail_lead_article,
#tmp_detail_lead .detail_lead_article{
	padding-left: 0;
	width: 100%;
}
#tmp_detail_lead .yahoolink {
    padding-top: 14px;
}
}
@media screen and (min-width : 641px) and (max-width: 800px) {
	.sec_banner {
		padding: 92px 16px 92px 320px;
		background-size: auto 211px, auto;
	}
}
@media screen and (max-width : 640px) {
/* ==================================================
Endpart Begin
================================================== */
#tmp_contents h1 {
	font-size: 150%;
	margin-bottom: 40px;
}
#tmp_contents h2,
#tmp_contents h3 {
	margin-bottom: 30px;
}
/* outline
================================================== */
#tmp_contents .outline {
	margin-bottom: 39px;
	border-width: 2px;
}
#tmp_contents table.datatable + .outline {
	margin-top: 39px;
}
#tmp_contents table.outline td,
#tmp_contents div.outline {
	padding: 13px 5px 0 7px;
}
/* box_btn
================================================== */
#tmp_contents ul.box_btn {
	margin-bottom: 10px;
}
#tmp_contents ul.box_btn li {
	margin-bottom: 15px;
	padding: 13px 16px 10px 7px;
}
#tmp_contents ul.box_btn a{
	margin: -13px -16px -10px -7px;
	padding: 13px 16px 10px 32px;
	background-image: url(/site/shared/site_naratemono/images/icon/icon_arrow_sp.png);
	background-size: 18px auto;
	background-position: 7px 15px;
}
/* box_info & box_link
================================================== */
#tmp_contents .box_info {
	margin: 12px 0 20px;
}
#tmp_contents .box_link {
	margin: 12px 0 37px;
}
#tmp_contents .box_info .box_info_ttl,
#tmp_contents .box_link .box_link_ttl {
	font-size: 125%;
}
#tmp_contents .box_info .box_info_ttl p,
#tmp_contents .box_link .box_link_ttl p {
	padding: 0 19px 0 15px;
}
#tmp_contents table.box_info .box_info_ttl p,
#tmp_contents table.box_link .box_link_ttl p {
    border-left-width: 15px;
    border-right-width: 18px;
}
#tmp_contents .box_info .box_info_cnt,
#tmp_contents .box_link .box_link_cnt {
	padding: 11px 9px 2px;
}
#tmp_contents .box_info ul li,
#tmp_contents .box_info ol li,
#tmp_contents .box_link ul li,
#tmp_contents .box_link ol li {
	margin-bottom: 7px;
}
/* box_menu
================================================== */
#tmp_contents .box_menu {
	margin-bottom: 20px;
}
#tmp_contents .box_menu_ttl{
    padding: 14px 16px 10px 7px;
}
#tmp_contents .box_menu_ttl a{
	margin: -14px -16px -10px -7px;
	padding: 14px 16px 10px 33px;
	background-image: url(/site/shared/site_naratemono/images/icon/icon_arrow_sp.png);
	background-size: 18px auto;
	background-position: 7px 19px;
}
#tmp_contents .box_menu_cnt{
	padding: 13px 9px 2px;
}
#tmp_contents .box_menu ul li,
#tmp_contents .box_menu ol li {
	margin-bottom: 6px;
}
#tmp_contents .box_menu ul:last-child {
	margin-bottom: 12px;
}
/* datatable
   enquete_table
================================================== */
#tmp_contents table.datatable,
#tmp_contents table.enquete_table {
	margin-bottom: 39px;
}
#tmp_contents table.datatable th,
#tmp_contents table.enquete_table th {
	padding: 5px 8px 6px;
}
#tmp_contents table.datatable td,
#tmp_contents table.enquete_table td {
	padding: 8px 19px 4px;
}

/* backToList */
.back_to_list {
    margin-top: 64px;
}
.back_to_list a {
    padding: 7px 15px 5px;
}
#tmp_contents > p + p:last-child {
	margin-bottom: 30px;
}

#tmp_wrap_main {
	padding-bottom: 56px;
}

/* ==================================================
Endpart End
================================================== */

/* detail style
================================================== */
/* lead */
#tmp_detail_lead{
	flex-direction: column;
}
#tmp_detail_sale_facility .detail_lead .detail_lead_img,
#tmp_detail_lead .detail_lead_img{
	margin: 0 0 30px;
	width: 100%;
}
#tmp_detail_lead .product_ctgs a:before{
	margin-right: 7px;
	width: 16px;
	height: 16px;
}
#tmp_detail_lead .detail_lead_title h1{
    margin-bottom: 31px;
}
#tmp_detail_lead .detail_lead_title .title_houjin{
	margin-bottom: -1px;
}
#tmp_detail_lead .detail_lead_article{
	width: 100%;
	padding-left: 0;
}
#tmp_detail_lead .detail_lead_summary{
	margin-top: 21px;
}
#tmp_detail_lead .detail_info_list .item_lbl{
	width: 70px;
}
/* blog common */
#tmp_contents .detail_blog_title{
	margin-top: 70px;
	margin-bottom: 30px;
	padding: 10px 20px 7px;
}
#tmp_contents .detail_blog_inner{
    padding: 0;
}
/* access */
#tmp_detail_access .detail_blog_inner{
	flex-direction: column;
}
#tmp_detail_access .access_gmap{
	margin: 0 0 20px;
	width: 100%;
}
#tmp_detail_access .access_gmap iframe{
	max-height: 200px;
}
/* order */
#tmp_detail_order.detail_blog table.datatable tr{
	display: flex;
	flex-flow: row wrap;
	border: none;
}
#tmp_detail_order.detail_blog table.datatable th{
	border: none;
}
#tmp_detail_order.detail_blog table.datatable tr:not(:last-of-type),
#tmp_detail_order.detail_blog table.datatable th:first-of-type,
#tmp_detail_order.detail_blog table.datatable td:first-of-type{
	border-bottom: 1px solid #cccccc;
}
#tmp_detail_order.detail_blog table.datatable td{
	width: 85%;
	border: none;
	border-left: 1px solid #cccccc;
}

/* coffee and restaurant & institution style
================================================== */
#tmp_contents .sec_candr .restaurant_wrap + .restaurant_wrap,
#tmp_contents .sec_institution .institution_wrap + .institution_wrap {
    margin-top: 96px;
}
#tmp_detail_product .product_list{
	gap: 0 12px;
}
#tmp_detail_product .product_list .item{
	width: calc(50% - 6px);
}
#tmp_detail_product .product_list .item_title{
	font-size: 114.2%;
}
#tmp_detail_product .product_list .back_to_list{
	margin-top: 5px;
}
#tmp_detail_product .product_list .item:not(:nth-of-type(-n+2)) {
	margin-top: 30px;
}
#tmp_wrap_detail.detail_institution .detail_lead_title h1{
	margin-bottom: 27px;
}
#tmp_wrap_detail.detail_institution .detail_info_list .item {
    padding-top: 12px;
    padding-bottom: 11px;
}
#tmp_wrap_detail.detail_institution .detail_info_list .item_lbl {
    width: 75px;
}
#tmp_detail_product .detail_blog_title{
	margin-top: 70px;
}
#tmp_detail_product .product_list .back_to_list a{
	padding-top: 9px;
    padding-bottom: 5px;
	font-size: 100%;
}
#tmp_contents .btn_show_more{
	display: block;
	margin-top: 30px;
}
#tmp_contents .btn_show_more a{
	padding-top: 13px;
	padding-bottom: 9px;
	width: 100%;
}
#tmp_contents .btn_show_more a:hover{
	background-color: #8C693B;
	color: #ffffff;
}
#tmp_contents .btn_show_more a:before{
	top: -3px;
	background: #ffffff url(/site/shared/site_naratemono/images/icon/link_arrow_color_sp.png) 6px 5px no-repeat;
	background-size: 6px auto;
	width: 17px;
	height: 16px;
}
#tmp_contents .btn_show_more a:hover:before{
	background-image: url(/site/shared/site_naratemono/images/icon/link_arrow_color_sp.png);
}
#tmp_wrap_detail .back_to_list {
    margin-top: 69px;
}
#tmp_contents h2.sec_title {
    margin-bottom: 22px;
}
#tmp_contents .sec_candr .gallery_list {
    row-gap: 36px;
}
#tmp_contents .gallery_list .item_thumb {
    margin-bottom: 10px;
}
#tmp_contents .gallery_list .item_info{
	padding-bottom: 0;
}
#tmp_contents .gallery_list .item_inner .item_manage {
    margin-top: 14px;
}
#tmp_contents .gallery_list .item_manage:before{
	margin-left: -3px;
    margin-right: 2px;
}

/* reset hover
================================================== */
.back_to_list a:hover {
    background-color: #577A29;
    color: #ffffff;
}
.back_to_list a:hover::before{
	border-left-color: #ffffff;
}
#tmp_contents ul.box_btn a:hover,
#tmp_contents .box_menu_ttl a:hover{
	text-decoration: none;
}
#tmp_detail_lead .detail_info_list .item_txt a:hover,
#tmp_detail_lead .detail_lead_ctgs a:hover {
	opacity: 1;
}

/* ==================================================
商品一覧
================================================== */
.sec_banner{
	padding-left: 30vw;
	background-position: -16.5vw center, center;
	padding-top: 11vw;
	padding-bottom: calc(11vw - 2px );
	background-size: auto 29.6vw, auto;
}
.sec_banner h1{
	font-size: 150%;
}
#tmp_conditions_search .form_search {
    margin-top: 24px;
}
#tmp_conditions_search {
    margin: 0 0 30px;
}
#tmp_conditions_search .search_criteria, 
#tmp_conditions_search .result_total{
	font-size: 85.7%;
	margin-bottom: 8px;
}
#tmp_conditions_search .search_criteria span, 
#tmp_conditions_search .result_total span{
	margin-left: 5px;
}
#tmp_conditions_search .form_search_flex .sort_txt,
#tmp_conditions_search .form_search_flex{
	display: block;
	margin-right: 0;
}
#tmp_conditions_search .form_search_flex .sort_txt{
	margin-bottom: 7px;
}
#tmp_conditions_search .form_search .pickup_category .category_list .item_inner{
    font-size: 78.6%;
    padding: 10px 20px;
}
#tmp_conditions_search .pickup_category .category_list li {
    width: calc(50% - 6px);
}
#tmp_conditions_search .form_search .price_list label span{
	padding: 13px 6px 9px;
}
#tmp_conditions_search .form_search .pickup_price .price_list {
	gap: 10px 12px;
	margin-left: 0;
}
#tmp_conditions_search .form_search .pickup_category,
#tmp_conditions_search .form_search .pickup_price {
    margin-bottom: 67px;
}
#tmp_conditions_search .form_search .pickup_category .category_list{
	margin-left: 0;
}
#tmp_conditions_search .form_search .pickup_category .category_list .item_inner .icon_text::before,
#tmp_conditions_search .form_search .pickup_category .category_list .item_inner .icon_text::after{
	width: 19px;
	margin-top: -10px;
}
#tmp_search_result .gallery_list{
	gap: 20px 12px;
}
#tmp_search_result .gallery_list .item_thumb {
    margin-bottom: 9px;
}
#tmp_contents #tmp_search_result .gallery_list .item_desc {
    margin-top: 8px;
}
#tmp_pagenavi {
    margin-top: 60px;
	display: flex;
	justify-content: center;
}
#tmp_pagenavi .pagenavi .list_page li {
    margin-right: 4px;
}
#tmp_pagenavi .pagenavi .pages_total span{
	padding: 3px 3px 3px 4px;
}
#tmp_pagenavi .pagenavi a, 
#tmp_pagenavi .pagenavi .pages_total span{
	margin-right: 6px;
}
#tmp_pagenavi .pagenavi .list_page{
	flex: 1 1 auto;
    width: 100%;
	max-width: inherit;
    justify-content: center;
}
#tmp_pagenavi .pagenavi{
	flex-flow: row wrap;
}
#tmp_pagenavi .pagenavi .pagi_inner{
	display: flex;
	min-width: auto;
}
#tmp_pagenavi .pagenavi .controls_next{
	min-width: auto;
}
/* mdse_free
================================================== */
#tmp_product_mainvs .thumb_caption {
	font-size: 92.9%;
}
#tmp_product_mainvs_thumbnail .splide__track {
	padding: 11px 0;
} 
#tmp_product_mainvs_thumbnail .splide__list {
	gap: 0 6px;
}
#tmp_detail_lead .detail_lead_slider,
#tmp_detail_lead .detail_lead_slider + .detail_lead_article {
	width: 100%;
}
#tmp_detail_lead .detail_lead_slider{
	margin-bottom: 17px;
}
#tmp_detail_lead .detail_lead_ctgs {
	margin-bottom: 17px;
}
#tmp_detail_lead .detail_lead_ctgs a {
	padding-bottom: 1px;
}
#tmp_detail_lead .detail_lead_title.product h1 {
	margin-bottom: 9px;
}
#tmp_detail_lead .detail_lead_price {
	margin-bottom: 28px;
}
#tmp_detail_lead .detail_product_info {
	margin-top: 30px;
	font-size: 92.6%;
	padding: 11px 10px 2px;
}
#tmp_detail_lead .detail_product_info p {
	margin-bottom: 8px;
}
#tmp_detail_lead .detail_info_list .item.product {
	padding: 10px 0 5px;
}
#tmp_detail_lead .detail_info_list .item.product:last-child {
    padding-bottom: 10px;
}
#tmp_detail_lead .detail_info_list .item.product .gallery_list .item_sale {
    gap: 15px 11px;
}
#tmp_detail_lead .detail_info_list .item.product .gallery_list .item_sale span {
    padding: 7px 2px 4px;
}
#tmp_detail_lead .detail_info_list .item.product .gallery_list .yahooshop_nomt a {
    padding: 7px 3px 6px;
    font-size: 85.7%;
}
#tmp_detail_lead .detail_info_list .item.product .gallery_list .yahooshop_nomt a:hover,
#tmp_contents ul.box_btn a:hover, #tmp_contents .box_menu_ttl a:hover{
	text-decoration: none;
}
#tmp_detail_lead .detail_info_list .item.product .item_lbl {
    width: 76px;
}
#tmp_detail_lead .yahoolink {
    padding-top: 14px;
}
#tmp_detail_sale_facility .detail_lead {
	margin-bottom: 40px;
}
#tmp_detail_sale_facility .detail_lead .detail_lead_img,
#tmp_detail_sale_facility .detail_lead .detail_lead_article {
	width: 100%;
}
#tmp_detail_sale_facility .detail_lead .detail_lead_img {
	margin-bottom: 20px;
}
#tmp_detail_sale_facility .detail_lead .detail_lead_article {
	padding-left: 0;
}
#tmp_detail_sale_facility .detail_lead .detail_lead_title h3 {
	margin-bottom: 21px;
}
#tmp_detail_sale_order {
	padding-bottom: 6px;
}
#tmp_detail_sale_product .detail_blog_title,
#tmp_detail_sale_facility .detail_blog_title,
#tmp_detail_sale_order .detail_blog_title {
    margin-top: 70px;
    margin-bottom: 30px;
}
#tmp_detail_sale_product .detail_blog_title,
#tmp_detail_sale_order .detail_blog_title {
	padding-top: 10px;
	padding-bottom: 7px;
}
#tmp_detail_sale_facility.detail_blog .datatable th,
#tmp_detail_sale_facility.detail_blog table.datatable td,
#tmp_detail_sale_order.detail_blog .datatable th,
#tmp_detail_sale_order.detail_blog table.datatable td {
	padding: 10px;
	line-height: 1.4;
}
#tmp_detail_sale_facility.detail_blog table.datatable,
#tmp_detail_sale_order.detail_blog table.datatable {
    margin-bottom: 31px;
}
/* no-splide */
.no_javascript #tmp_product_mainvs .splide__list {
    height: 400px;
}
/* ==================================================
newsnews
================================================== */
#tmp_news_wrap .news_list .news_list_item a{
	display: block
}
#tmp_news_wrap .news_list .news_list_date{
	width: 100%;
	display: block;
	font-size: 85.7%;
	margin-bottom: 5px;
}
#tmp_news_wrap .news_list_more{
	display: none;
}
#tmp_news_wrap .news_list_title{
	line-height: 1.4;
}
#tmp_news_wrap .news_list_item{
	padding: 13px 0 11px;
}
/* ==================================================
about
================================================== */
#tmp_about{
    padding-top: 13px;
}
#tmp_about .about_qa {
    margin-top: 65px;
}
#tmp_about .about_column_title{
	padding: 36px 35px 34px;
	margin-bottom: 72px;
}
#tmp_about .about_column_title p{
	padding-bottom: 4px;
	margin-bottom: 17px;
}
#tmp_about .about_qa_caption{
	padding-top: 38px;
}
#tmp_about .about_qa_caption p{
	padding-bottom: 0;
	margin-bottom: 9px;
}
#tmp_about .about_qa_box {
	margin-top: 66px;
}
#tmp_about .about_qa .img_cap {
	padding-top: 15px;
}
#tmp_about #tmp_report_box {
    margin-top: 71px;
}
#tmp_about #tmp_report_box .about_column_title {
    margin-bottom: 31px;
}
#tmp_report_box h3{
	margin-bottom: 20px;
}
#tmp_report_box .report_box_img{
	padding-top: 15px;
	padding-bottom: 6px;
}
#tmp_report_box .report_txt_center {
    text-align: left;
}
#tmp_report_box .osa_box{
	margin: 7px auto 45px;
	width: 100%;
}
#tmp_report_box .osa_box .osa_box_ttl{
	padding: 7px 5px 5px;
}
#tmp_report_box .about_report_flex{
	flex-wrap: wrap;
	margin-top: 21px;
}
#tmp_report_box .about_report_flex img{
	vertical-align: top;
}
#tmp_report_box .about_report_flex .img_cap{
	padding-top: 9px;
}
#tmp_report_box .about_report_flex .img_cap p{
	margin-bottom: 2px;
}
#tmp_report_box .about_report_matome{
    padding: 25px 30px 16px;
    margin-top: 37px;
}
#tmp_report_box .about_report_matome h3{
	margin-bottom: 24px;
}
/*
guide
================================================== */
#tmp_guide h2{
	margin-top: 2px;
	margin-bottom: 27px;
}
#tmp_guide .guide_txt_center{
	text-align: left;
}
#tmp_guide .guide_link_flex{
	justify-content: space-between;
	padding-top: 15px;
	padding-bottom: 27px;
}
#tmp_guide .guide_link_flex li {
    width: 30%;
}
#tmp_guide .guide_link_flex a .item_image{
	margin-bottom: 12px;
}
#tmp_guide h3 {
    margin-bottom: 23px;
}
#tmp_guide .guide_product_desc{
	margin-top: 19px;
	padding: 10px 10px 8px;
}
#tmp_guide .guide_product_desc .product_desc_icon li{
	display: block;
	margin-bottom: 12px;
}
#tmp_guide .guide_product_desc .item_icon_other, 
#tmp_guide .guide_product_desc .item_icon_order, 
#tmp_guide .guide_product_desc .item_icon_sales{
	font-size: 85.7%;
	margin-bottom: 4px;
}
#tmp_guide .guide_product_desc .product_desc_icon li .item_txt{
	display: block;
	font-size: 92.8%;
	line-height: 1.6;
}
#tmp_guide .guide_product_desc h4{
	margin-top: 16px;
	margin-bottom: 10px;
}
#tmp_guide .guide_product_desc ul{
	margin-left: 14px;
}
#tmp_guide .guide_product_desc li{
	margin-bottom: 14px;
}
#tmp_guide .guide_product_desc li:last-child{
	margin-bottom: 0;
}
#tmp_guide .guide_restaurant_wrap {
    margin-top: 65px;
}
/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
}