@charset "utf-8";

/******************************************************************************/
/***                                                                        ***/
/***                                                                        ***/
/***     column.css                                                         ***/
/***                                                                        ***/
/***    【内容】                                                            ***/
/***                                                                        ***/
/***     ・コラム専用のスタイルを記述する                                   ***/
/***                                                                        ***/
/***                                                                        ***/
/******************************************************************************/

.column .column_wp {
	color: #333;
}
.column figure {
	margin: 0;
}
.column strong {
	font-weight: bold;
	color: #947000;
}
.column mark,
.column .mark {
	background: #F5E8BE;
	background: -moz-linear-gradient(transparent 60%, #F5E8BE 60%); /* FF3.6+ */
	background: -webkit-gradient(transparent 60%, #F5E8BE 60%); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(transparent 60%, #F5E8BE 60%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(transparent 60%, #F5E8BE 60%); /* Opera 11.10+ */
	background: -ms-linear-gradient(transparent 60%, #F5E8BE 60%); /* IE10+ */
	background: linear-gradient(transparent 60%, #F5E8BE 60%);

}

.column h2 {
	margin-bottom: 40px !important;
}







.menu_btn {
	display: none;
}
.return_link {
	display: none;
}



.report {
	margin-bottom: 40px;
	padding: 0 20px;
/*	background: url(nukumorista_line01.png) no-repeat center bottom;*/
}

.report h3 {
	margin-bottom: 20px;
	font-size: 2.8em;
	line-height: 1.6;
	color: #957000;
}

.report p {
	margin-bottom: 40px;
	font-size: 1.2em;
	line-height: 2.0;
	word-break: normal;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.report strong {
	font-size: 1.1em;
	font-weight:normal;
	display: inline;
}
.report figure {
	margin-bottom: 40px;
	text-align: center;
}
.report .layout01 figure {
	float: right;
	width: 400px;
}
.report .layout01 h3 {
	float: left;
	width: 460px;
}
.report .layout01 p {
	float: left;
	width: 460px;
}
.report .layout02 figure {
	float: left;
	width: 400px;
}
.report .layout02 h3 {
	float: right;
	width: 460px;
}
.report .layout02 p {
	float: right;
	width: 460px;
}
.report p.offer_txt {
	text-align: right;
}

.report hr {
	clear: both;
	width: 563px;
	height: 4px;
	padding: 20px 0 60px;
	background: url(nukumorista_line01.png) no-repeat center 20px;
	border: none;
}



.shop_info {
    position: relative;
	float: left;
	width: 856px;
	margin: 0 -20px 40px;
    padding: 30px 40px;
    background: #FFF;
    border: 4px #C59823 solid;
	border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
    z-index: 10;
}
.shop_info:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #FFF;
    margin: 3px;
    border: 2px #C59823 solid;
	border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
    display: block;
    z-index: -10;
}
.shop_info figure {
	float: right;
	width: 360px;
	margin-bottom: 0;
}
.shop_info dl {
	float: left;
	width: 480px;
	font-weight: bold;
	line-height: 1.8;
}
.shop_info dt {
	margin-bottom: 10px;
	font-size: 1.7em;
}
.shop_info dt mark {
	color: #1F7280;
}
.shop_info dd {
	font-size: 1.0em;
}
.shop_info dd span.space35 {
	padding-left: 3.5em;
	display: inline-block;
}
.shop_info dd span.space40 {
	padding-left: 4.0em;
	display: inline-block;
}
.shop_info dd span.space45 {
	padding-left: 4.5em;
	display: inline-block;
}
.shop_info dd span.space50 {
	padding-left: 5.0em;
	display: inline-block;
}
.shop_info dd span.space55 {
	padding-left: 5.5em;
	display: inline-block;
}
.shop_info .ribbon {
	position: absolute;
	top: -8px;
	left: -8px;
	width: 97px;
	height: 96px;
	background: url(nukumorista_ico01.png) no-repeat;
	z-index: 20;
}


/*
.recipe_btn {
	position: relative;
	width: 260px;
	padding: 15px 0 15px 40px;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background: #B24C39 url(makanainigiri_ico03.png) no-repeat 40px center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 6px 0 #86382B;
	cursor: pointer;
	display: block;
}
.recipe_btn:hover {
	text-decoration: none;
	color: #FFF;
}
.recipe_btn:active {
    top: 6px;
	text-decoration: none;
	color: #FFF;
    box-shadow: 0 0 0 #86382B;
}
*/


.spots {
	padding: 0 20px 40px;
}
.spot {
	margin: 0 -20px 40px;
	padding: 20px 40px;
	border: 4px solid #C59823;
	border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
}
.spot h3 {
	margin-bottom: 40px;
	padding-left: 50px;
	font-size: 2.6em;
	color: #333;
	background: url(nukumorista_ico02.png) no-repeat left center;
}
.spot ul {
}
.spot li {
	margin-bottom: 40px;
	padding-bottom: 40px;
	background: url(nukumorista_line02.jpg) no-repeat center bottom;
}
.spot li:last-child {
	padding-bottom: 0;
	background: none;
}
.spot li:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size: 0;	
	clear: both; 
	visibility: hidden;
}
.spot li{ display: inline-block; } 
* html .spot li { height: 1%; }
.spot li { display: block; }

.spot h4 {
	padding-left: 40px;
	margin-bottom: 20px;
	font-size: 2.0em;
}
.spot h4.sakura {
	background: url(nukumorista_ico03.png) no-repeat left center;
}
.spot h4.event {
	background: url(nukumorista_ico04.png) no-repeat left center;
}
.spot h4.detour {
	padding-left: 30px;
	background: url(nukumorista_ico05.png) no-repeat left center;
}
.spot h4.nature {
	background: url(nukumorista_ico06.png) no-repeat left center;
}
.spot h4 span {
	padding-right: 1.0em;
	font-size: 0.8em;
	font-weight: bold;
}
.spot h4.sakura span {
	color: #B24C39;
}
.spot h4.event span {
	color: #D96D00;
}
.spot h4.detour span {
	color: #0079A2;
}
.spot h4.nature span {
	color: #408000;
}
.spot figure {
	float: left;
	width: 360px;
}
.spot p {
	float: right;
	width: 470px;
	font-size: 1.2em;
	line-height: 2.0;
}
.spot p strong {
	font-size: 1.0em;
	font-weight:bold;
	color: #333;
}

.column .spots h2.img_tit {
	margin: 40px 0 20px 0 !important;
}

.nukumori_lead {
	font-size: 1.5em;
	color: #B24C39;
	margin-bottom: 40px;
	padding: 0 20px 40px 20px;
	background: url(nukumorista_line02.jpg) no-repeat center bottom;
}


@media screen and (max-width: 767px){
.column h2 {
	margin-bottom: 30px !important;
}

.menu_btn {
	margin-bottom: 20px;
	display: block;
}
.menu_btn li {
	float: left;
	width: 30%;
	margin: 0 1.666666666666667% 10px;
	background-color: #008C8D;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.menu_btn li a {
	padding: 8px 0;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #FFF;
	display: block;
}
.return_link {
	margin-bottom: 30px;
	font-size: 1.1em;
	text-align: right;
	line-height: 2.0;
	display: block;
}


.report {
	margin-bottom: 30px;
	padding: 0;
/*	background: url(sp/nukumorista_line01.jpg) no-repeat center bottom;
	-moz-background-size: 563px 4px;
	-webkit-background-size: 563px 4px; 
	-o-background-size: 563px 4px;
	-ms-background-size: 563px 4px;
	background-size: 563px 4px;
/*
	margin-bottom: 60px;
	background: url(sp/makanainigiri_line01.png) no-repeat center bottom;
	-moz-background-size: 759px 2px;
	-webkit-background-size: 759px 2px; 
	-o-background-size: 759px 2px;
	-ms-background-size: 759px 2px;
	background-size: 759px 2px;
*/
}

.report h3 {
	margin-bottom: 10px;
	font-size: 1.5em;
	text-align: center;
}


.report p {
	margin-bottom: 30px;
	font-size: 1.1em;
}
.report figure {
	margin-bottom: 30px;
	text-align: center;
}
.report .layout01 figure {
	float: none;
	width: auto;
	margin-bottom: 30px;
}
.report .layout01 h3 {
	float: none;
	width: auto;
}
.report .layout01 p {
	float: none;
	width: auto;
}
.report .layout02 figure {
	float: none;
	width: auto;
}
.report .layout02 h3 {
	float: none;
	width: auto;
	margin-bottom: 15px;
}
.report .layout02 p {
	float: none;
	width: auto;
}

.report p.offer_txt {
	text-align: left;
}


.report hr {
	width: auto;
	padding: 0 0 30px;
	background: url(sp/nukumorista_line01.jpg) no-repeat center top;
	border: none;
	-moz-background-size: 563px 4px;
	-webkit-background-size: 563px 4px; 
	-o-background-size: 563px 4px;
	-ms-background-size: 563px 4px;
	background-size: 563px 4px;
}

.shop_info {
    position: relative;
	float: left;
	width: 100%;
	margin: 0 0 30px;
    padding: 30px 30px;
    border: 3px #C59823 solid;
}
.shop_info:before {
    border: 2px #C59823 solid;
}
.shop_info figure {
	float: none;
	width: auto;
	margin-bottom: 0;
}
.shop_info dl {
	float: none;
	width: auto;
	margin-bottom: 20px;
}
.shop_info dt {
	margin-bottom: 10px;
	font-size: 1.4em;
	line-height: 1.4;
}
.shop_info dd {
	font-size: 1.0em;
}
.shop_info dd span.space35, 
.shop_info dd span.space40, 
.shop_info dd span.space45, 
.shop_info dd span.space50, 
.shop_info dd span.space55 {
	padding-left: 0;
	display: inline;
}

.shop_info .ribbon {
	position: absolute;
	top: -6px;
	left: -6px;
	width: 70px;
	height: 70px;
	background: url(sp/nukumorista_ico01.png) no-repeat;
	-moz-background-size: 70px 70px;
	-webkit-background-size: 70px 70px; 
	-o-background-size: 70px 70px;
	-ms-background-size: 70px 70px;
	background-size: 70px 70px;
}


.spots {
	padding: 0 0 30px;
}
.spot {
	margin: 0 0 30px;
	padding: 20px;
	border: 3px solid #C59823;
	border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
}
.spot h3 {
	margin-bottom: 30px;
	padding-left: 50px;
	font-size: 1.6em;
	background: url(sp/nukumorista_ico02.png) no-repeat left center;
	-moz-background-size: 37px 44px;
	-webkit-background-size: 37px 44px; 
	-o-background-size: 37px 44px;
	-ms-background-size: 37px 44px;
	background-size: 37px 44px;
}
.spot ul {
}
.spot li {
	margin-bottom: 30px;
	padding-bottom: 30px;
	background: url(sp/nukumorista_line02.jpg) no-repeat center bottom;
	-moz-background-size: 563px 4px;
	-webkit-background-size: 563px 4px; 
	-o-background-size: 563px 4px;
	-ms-background-size: 563px 4px;
	background-size: 563px 4px;
}
.spot h4 {
	padding-left: 40px;
	margin-bottom: 20px;
	font-size: 1.6em;
	line-height: 1.3;
}
.spot h4.sakura {
	background: url(sp/nukumorista_ico03.png) no-repeat left center;
	-moz-background-size: 30px 28px;
	-webkit-background-size: 30px 28px; 
	-o-background-size: 30px 28px;
	-ms-background-size: 30px 28px;
	background-size: 30px 28px;
}
.spot h4.event {
	background: url(sp/nukumorista_ico04.png) no-repeat left center;
	-moz-background-size: 30px 36px;
	-webkit-background-size: 30px 36px; 
	-o-background-size: 30px 36px;
	-ms-background-size: 30px 36px;
	background-size: 30px 36px;
}
.spot h4.detour {
	background: url(sp/nukumorista_ico05.png) no-repeat left center;
	-moz-background-size: 20px 34px;
	-webkit-background-size: 20px 34px; 
	-o-background-size: 20px 34px;
	-ms-background-size: 20px 34px;
	background-size: 20px 34px;
}
.spot h4.nature {
	background: url(sp/nukumorista_ico06.png) no-repeat left center;
	-moz-background-size: 30px 29px;
	-webkit-background-size: 30px 29px; 
	-o-background-size: 30px 29px;
	-ms-background-size: 30px 29px;
	background-size: 30px 29px;
}

.spot h4 span {
	padding-right: 0;
	font-size: 0.7em;
	font-weight: bold;
	display: block;
}
.spot figure {
	float: none;
	width: auto;
	margin-bottom: 10px;
	text-align: center;
}
.spot p {
	float: none;
	width: auto;
	font-size: 1.1em;
}

}
@media screen and (max-width: 480px){
.column .spots h2.img_tit {
	margin: 20px 0 !important;
}
.nukumori_lead {
	font-size: 1em;
	color: #B24C39;
	margin-bottom: 40px;
	padding: 0 0px 20px 0px;
	background: url(nukumorista_line02.jpg) no-repeat center bottom;
}

}