@charset "UTF-8";
/* CSS Document */
#container .page_img {
		background-attachment: fixed;
	height: 50vh;
	background-size:100% auto;
}
@media screen and (max-width: 600px) {
#container .page_img {
	height: 50vh;
	background-attachment: scroll;
	background-size:100% auto;
}
}
#container #page_title {
	text-align: center;
	position: absolute;
	bottom: 10px;
	left: 50%;
	-webkit-transform: translate(-50%, 10px); /* Safari用 */
	transform: translate(-50%, 10px);
	z-index:200;
	height: auto;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
#container .menu_img {
	background-image: url(../img/page/menu_img.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	
}
#container .cafe_img {
	background-image: url(../img/page/cafe_img.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	
}



#container #page_title h2 {
	text-align: center;
	font-family: "cooper-black-std", serif;
	font-style: normal;
	font-weight: 400;
	overflow: hidden;
	margin-bottom:5px;
	font-size: 7.0rem;
	color: #FFF;
}
@media screen and (max-width: 1000px) {
#container #page_title h2 {
	font-size: 6.0rem;
	margin-bottom:0px;
}
}
@media screen and (max-width: 900px) {
#container #page_title h2 {
	font-size: 5.0rem;
}
}
@media screen and (max-width: 840px) {
#container #page_title h2 {
	font-size: 4.0rem;
}
}
@media screen and (max-width: 600px) {
#container #page_title h2 {
	font-size: 3.0rem;
}
}
@media screen and (max-width: 460px) {
#container #page_title h2 {
	font-size: 2.0rem;
}
}




#container .page_t {
	margin: auto;
	height: auto;
	width: 300px;
}
@media screen and (max-width: 600px) {
#container .page_t {
	margin: auto;
	height: auto;
	width: 200px;
}
}
#container .page_t img {
	margin: auto;
	height: auto;
	width: 100%;
}
#container .section.cf.page_title {
	margin-top: -110px;
	padding-top: 0px;
	position: relative;
	z-index: 200;
	padding-bottom: 0px;
}
@media screen and (max-width: 600px) {
#container .section.cf.page_title {
	margin-top: -70px;
	padding-top: 0px;
	position: relative;
	z-index: 400;
	padding-bottom: 0px;
}
}

#content .page_title {
	z-index: 10;
	font-size:2.6rem;
	font-family: "source-han-sans-japanese", sans-serif;
	font-style: normal;
	font-weight: 900;
	text-indent: -0.1em;
	letter-spacing: 0.2em;
	font-feature-settings: "palt";
	white-space: nowrap;
	color: #9D614A;
	text-align: center;
	margin-bottom:0.7em;
	margin-top: -0.6em;
}
#container .page_txt {
	font-family: "dnp-shuei-mincho-pr6n", sans-serif;
	font-size: 1.8rem;
	line-height: 1.8em;
	font-weight: 500;
	text-align: center;
	color: #6a5246;
}
#container .page_txt strong {
	font-family: "source-han-sans-japanese", sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #B9675E;
}
#container .page_catch+.page_txt {
	margin-top:-0.5em;
}
#container .page_title+.page_txt {
	margin-top: 0em;
}
#container .page_catch span {
	display:inline-block
}
@media screen and (max-width: 600px) {
#container .page_txt {
	font-size: 1.4rem;
	font-feature-settings: "palt";
	text-align: left;
	width:95%;
	margin:auto;
}
}
#content #top .shop_data {
	text-align: center;
	margin-top: 2em;
	margin-bottom: 6em;
}
#content #top .shop_data ul{
	display: inline-block;
	padding-top: 1em;
	padding-right: 4em;
	padding-bottom: 1em;
	padding-left: 4em;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-image: url(../img/page/topics_bg.png);
	background-repeat: repeat;
}
#content #top .shop_data ul li {
	font-size:1.8rem;
	font-family: "source-han-sans-japanese", sans-serif;
	font-style: normal;
	font-weight: 600;
}
@media screen and (max-width: 600px) {
#content #top .shop_data ul li {
	font-size:1.6rem;
	font-family: "source-han-sans-japanese", sans-serif;
	font-style: normal;
	font-weight: 600;
}
}
#content #top .shop_data ul li:before {
	content:"●";
	color: #d47744;
	margin-right: 2px;
}


/* カフェ
----------------------------------------------------------- */
#container #content .cafe_menu {
	margin-bottom:6.0em;
}
#content .cafe_menu img{
	width:100%;
	height:auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-bottom:22px;
}
#content .cafe_menu h4 {
	z-index: 10;
	font-size:2.0rem;
	font-family: "source-han-sans-japanese", sans-serif;
	font-style: normal;
	font-weight: 900;
	letter-spacing: 0.1em;
	font-feature-settings: "palt";
	white-space: nowrap;
	color: #6A5246;
	text-align: center;
	margin-bottom:0.35em;
}
@media screen and (max-width: 600px) {
#content .cafe_menu h4 {
	font-size:1.8rem;
}
}
#content .cafe_menu .time {
	z-index: 10;
	font-size:1.8rem;
	font-family: "source-han-sans-japanese", sans-serif;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.1em;
	font-feature-settings: "palt";
	white-space: nowrap;
	color: #D66548;
	text-align: center;
	margin-bottom:0.7em;
}
@media screen and (max-width: 600px) {
#content .cafe_menu .time {
	z-index: 10;
	font-size:1.6rem;}
}
#content .cafe_menu .txt {
	z-index: 10;
	font-size:1.5rem;
	font-family: "source-han-sans-japanese", sans-serif;
	font-style: normal;
	font-weight: 500;
}
@media screen and (max-width: 600px) {
#content .cafe_menu .txt {
	font-size:1.4rem;
}
}
.popularity {
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-image: url(../img/page/topics_bg.png);
	background-repeat: repeat;
	padding: 15px;
	-webkit-box-sizing: border-box;       -moz-box-sizing: border-box;         -o-box-sizing: border-box;        -ms-box-sizing: border-box;            box-sizing: border-box;
	border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
	margin-top:20px
}
.popularity_txt {
	-webkit-flex: 1;
	flex: 1;
	font-size: 1.5rem;
	color: #42210b;
	text-align: left;
	font-family: "source-han-sans-japanese", sans-serif;
	font-style: normal;
	font-weight: 500;
}
@media screen and (max-width: 600px) {
.popularity_txt {
	-webkit-flex: 1;
	flex: 1;
	font-size: 1.4rem;
}
}
.popularity_icon {
	width: 65px;
	height:65px;
	background-color: #B9675E;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position: relative;
	white-space: nowrap;
	color: #FFF;
	margin-right: 15px;
}
.popularity_icon h5 {
	font-family: "source-han-sans-japanese", sans-serif;
	font-style: normal;
	font-weight: 700;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	font-size:1.1rem;
	line-height: 1.4em;
	text-indent: 0.2em;

	
}
.popularity_icon h5 strong {
	font-size:1.6rem;
	letter-spacing: 0.2em;
	}
#content .cate_t01 {
	font-family: "source-han-sans-japanese", sans-serif;
	font-style: normal;
	font-weight: 500;
	color: #FFF;
	height: auto;
	width: 100%;
	position: relative;
	max-width:1100px;
	font-size: 2.2rem;
	line-height: 1.9em;
	margin-top: 3em;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding-bottom: 0.2em;
	letter-spacing: 0.2em;
	text-indent: -0.1em;
}
@media screen and (max-width: 1200px) {
#content .cate_t01 {
	font-size: 1.8rem;
	height: auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	max-width:1100px;
	margin-top: 2em;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
}
#content .cate_t01.bg01 {
	background-color: #8e5546;
}
#content .cate_t01.bg02 {
	background-color: #DB5547;
}
#content .cate_t01.bg03 {
	background-color: #B9675E;
}
#content .cate_t01.bg04 {
	background-color: #b0b93c;
}
#content .cate_t01.bg05 {
	background-color: #835a4b;
}
#content .cate_t01.bg06 {
	background-color: #cb9300;
}
#content .cate_t01.bg07 {
	background-color: #973300;
}
/* パン一覧
----------------------------------------------------------- */
#content .bred-list_page {
	height: auto;
	width: 100%;
	position: relative;
	max-width:1100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
     -ms-flex-pack: start;
   justify-content: flex-start;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	flex-wrap: wrap;
	margin-bottom:0px;
}
@media screen and (max-width: 600px) {
#content .bred-list_page {
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
justify-content: space-around;
}
}
#content .bred-list_page>div {
	width:22.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom:35px;
	margin-right: 1.25%;
	margin-left: 1.25%;
}
@media screen and (max-width: 600px) {
#content .bred-list_page>div {
	width:29.3333%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom:15px;
}
}
@media screen and (max-width: 460px) {
#content .bred-list_page>div {
	width:42%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom:15px;
}
}
#content .bred-list_page>div h5 {
	font-size:1.7rem;
	font-family: "source-han-sans-japanese", sans-serif;
	font-style: normal;
	font-weight: 600;
	margin-top:0.9em;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: #6A5246;
	margin-bottom:0.5em;
	text-decoration: none;
}
@media screen and (max-width: 900px) {
#content .bred-list_page>div h5 {
	font-size:1.6rem;
	color: #6A5246;
}
}
@media screen and (max-width: 600px) {
#content .bred-list_page>div h5 {
	font-size:1.6rem;
	color: #6A5246;
}
}
#content .bred-list_page div a h5  {
	text-decoration: none;
	color: #6A5246;
}
#content .bred-list_page a:link {
	text-decoration: none;
	color: #6A5246;
}
#content .bred-list_page>div img {
	width:100%;
	height:auto;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
#content .bred-list_page .txt {
	font-family: "source-han-sans-japanese",sans-serif;
font-style: normal;
font-weight: 400;
	font-size: 1.4rem;
	line-height: 1.5em;
	margin-top: 0.5em;
	font-feature-settings: "palt";
}