@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

/*
Theme Name: CafeTempsTendre
Description: 長崎県長崎市・住吉のカフェ【CafeTempsTendre】(タンタンドル)。こだわりのチーズケーキ、コーヒー、スイーツなど。

Theme URI: https://www.cafe-temps-tendre.com
Version: 1.0
License: CafeTempsTendre
License URI: https://www.cafe-temps-tendre.com
*/
/****************************************

リセットCSSここから

*****************************************/

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	font-size: 62.5%;
	/*1em=10px */
	overflow-y: scroll;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}
article,aside,details,figcaption,figure,footer,header,picture,menu,nav,section,main {
	display: block;
}
ul,ol {
	list-style: none;
}
blockquote,q {
	quotes: none;
}
blockquote:before,blockquote:after {
	content: '';
	content: none;
}
q:before,q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title],dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	vertical-align: top;
}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input,
select {
	vertical-align: middle;
}
/****************************************

body設定(主に書式)

*****************************************/

body {
	font-family: 'Noto Sans Japanese','メイリオ', Meiryo sans-serif;
	color: #5F3E2B; 
	background: #FCF4E1;
	line-height: 1.7;
	font-weight: normal;
}
/****************************************

ページ共通

*****************************************/
#wrapper {
	width: 100%;
	min-width: 1070px;
	min-height: 100%;
	float: none;
	margin: 0 auto;
	overflow: hidden;
}
@media screen and (max-width: 767px) {
	#wrapper {
		width: 100%;
		min-width: 0;
		min-height: 100%;
		float: none;
		margin: 0 auto;
		overflow: hidden;
	}
}
/****************************************

フォント指定

*****************************************/

li,tt,tr,dt,dd,p {
	font-size: 1.6rem;
}
h1 {
	line-height: 1.5;
	color: #FCF2DF;
	font-size: 2.2rem;
	font-weight: bold;
}
h2 {
	line-height: 1.5;
	color: #5F3E2B;
	font-size: 2.0rem;
	font-weight: bold;
}
h3 {
	line-height: 1.5;
	color: #5F3E2B;
	font-size: 1.6rem;
	font-weight: bold;
}
@media screen and (max-width: 767px) {

}
/****************************************

リンク指定&オンマウス時のアクション

*****************************************/
a:link,a:visited {
	color: #5F3E2B;
	-webkit-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
}
a:hover,a:active {
	/*	font-weight: normal;*/
	color: #427A53;
	text-decoration: underline;
	-webkit-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
}
a:hover img.img_opacity {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-webkit-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
}
a img.img_opacity {
	-webkit-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
}
a:hover img.img_up {
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}
a img.img_up {
	-webkit-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}



.button, .button02 {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	text-align: center;
	font-size: 1.6rem;
	position: relative;
}
.button:hover, .button02:hover {
	-webkit-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
	text-decoration: none;
}
.button {
	line-height: 51px;
	color: #fff !important;
	border: solid 2px #427A53;
	border-radius: 6px;
	background: #427A53;
}
.button:hover {
	background: #fff;
	border: solid 2px #427A53;
	color: #427A53 !important;
}
.button::after {
	content: url(images/arr_w.png);
	position: absolute;
	right: 18px;
	top: 1px;
}
.button:hover::after {
	content: url(images/arr_g.png);
	position: absolute;
	right: 18px;
	top: 1px;
}
.button02 {
	line-height: 46px;
	color: #fff !important;
	border: solid 2px #92441D;
	border-radius: 6px;
	background: #92441D;
}
.button02:hover {
	background: #fff;
	border: solid 2px #92441D;
	color: #92441D !important;
}
.button02::after {
	content: url(images/arr_w.png);
	position: absolute;
	right: 8px;
	top: 0px;
}
.button02:hover::after {
	content: url(images/arr_b.png);
	position: absolute;
	right: 8px;
	top: 0px;
}



.border_none a:link, .border_none a:visited,
.border_none a:hover, .border_none a:active {
	text-decoration: none !important;
}

@media print,screen and (min-width: 768px) {
}

@media screen and (max-width: 767px) {

}

/****************************************

pcヘッダー

*****************************************/

@media print,screen and (min-width: 768px) {
	#sp_header,	#sp_navi,	#toggle {
		display: none;
	}
	header {
		width: 100%;
		min-width: 1050px;
	}
	.header_top{
		width: 100%;
		min-width: 1050px;
		position: relative;
		background: #FCF4E1;
	}
	.header_top_inner{
		width: 1050px;
		height: 110px;
		margin: 25px auto 30px;
		position: relative;
		background: url(images/h_add.png) no-repeat right center;
	}
	.logo{
		position: absolute;
		max-width: 227px;
		left: 50%;
		top: 0;
		-moz-transform: translate(-50%,0);
		-webkit-transform: translate(-50%,0);
		-o-transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		transform: translate(-50%,0);
	}
	.h_list{
		padding-top: 40px;
	}
	.h_list li{
		float: left;
		margin-right: 20px;
	}
	
}
/****************************************

spヘッダー

*****************************************/
@media screen and (max-width: 767px) {
/*
	.nav_bg{
		display: none !important;
	}
*/
	img {
		width: 100%;
		height: auto;
	}
	header {
		display: block;
		width: 100%;
	}
	.header_top{
		padding: 3%;
	}
	.logo{
		max-width: 227px;
		width: 40%;
		margin: 0 auto 5px;
	}
	#toggle {
		position: absolute;
		/*bodyに対しての絶対位置指定です*/
		right: 15px;
		top: 25px;
		width: 30px;
		height: 25px;
		cursor: pointer;
		z-index: 9999;
	}
	#toggle div {
		position: relative;
	}
	#toggle span {
		display: block;
		position: absolute;
		/*#navToggle div に対して*/
		width: 100%;
		height: 4px;
		background: #92441D;
		border-radius: 4px;
		-webkit-transition: .35s ease-in-out;
		-o-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	#toggle span:nth-child(1) {
		top: 0;
	}
	#toggle span:nth-child(2) {
		top: 11px;
	}
	#toggle span:nth-child(3) {
		top: 22px;
	}
	.open_navi #toggle span{
		background: #fff;
	}
	/*spanの絶対位置指定の親にします*/
	.open_navi #toggle {
		position: fixed;
	}
	.open_navi #toggle span:nth-of-type(1) {
		-webkit-transform: translateY(11px) rotate(-315deg);
		-ms-transform: translateY(11px) rotate(-315deg);
		transform: translateY(11px) rotate(-315deg);
	}
	.open_navi #toggle span:nth-of-type(2) {
		opacity: 0;
	}
	.open_navi #toggle span:nth-of-type(3) {
		-webkit-transform: translateY(-11px) rotate(315deg);
		-ms-transform: translateY(-11px) rotate(315deg);
		transform: translateY(-11px) rotate(315deg);
	}
	#sp_navi {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 100vw;
		overflow-y: scroll;
		text-align: left;
		background-color: rgba(146, 68, 29, 0.9);
		z-index: 999;
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
		-webkit-transition: .7s ease-in-out;
		-o-transition: .7s ease-in-out;
		transition: .7s ease-in-out;
	}

	.open_navi #sp_navi {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		-webkit-transition: .7s ease-in-out;
		-o-transition: .7s ease-in-out;
		transition: .7s ease-in-out;
	}
	.open_navi #wrapper {
		-webkit-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
		-webkit-filter: blur(3px);
		filter: blur(3px);
		-webkit-transition: .7s ease-in-out;
		-o-transition: .7s ease-in-out;
		transition: .7s ease-in-out;
	}

	#sp_navi .menu {
		padding-top: 80px;
		text-align: center;
	}
	#sp_navi .menu .menu-item {
		width: 100%;
		text-align: center;
		border-bottom: #fff 1px solid;
		cursor: pointer;
		color: #FFF;
		margin: 0 auto;
		font-size: 1.4rem;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#sp_navi .menu .menu-item-home {
		border-top: #fff 1px solid;
	}
	#sp_navi .menu-item a,
	#sp_navi .menu-item span {
		display: block;
		padding: 15px 0 14px;
	}
	#sp_navi .menu-item a:link,
	#sp_navi .menu-item a:visited,
	#sp_navi .menu-item a:hover,
	#sp_navi .menu-item a:active {
		color: #FFF;
		text-decoration: none;
	}
	#sp_navi .sub-menu {
		width: 100%;
		text-align: center;
		display: none;
	}
	#sp_navi .sub-menu li {
		width: 100%;
		text-align: center;
		border-top: #BAAC74 1px solid;
	}
	#sp_navi .sub-menu li a {
		display: block;
		padding: 11px 0 10px;
		color: #ccc;
		background: rgba(96, 62, 43, 0.9);
	}
	#sp_navi .sub-menu li a:link,
	#sp_navi .sub-menu li a:visited,
	#sp_navi .sub-menu li a:hover,
	#sp_navi .sub-menu li a:active {
		color: #FFF;
		text-decoration: none;
	}
	#sp_navi .sub-menu li a:hover {
		color: #ccc;
		background: none;
	}
	#sp_navi .menu-item-has-children {
		position: relative;
	}
	#sp_navi .menu-item-has-children::before {
		content: '';
		width: 14px;
		height: 14px;
		border: 0px;
		border-top: solid 3px #fff;
		border-right: solid 3px #fff;
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transform: rotate(135deg);
		-webkit-transition: .2s ease-in-out;
		-o-transition: .2s ease-in-out;
		transition: .2s ease-in-out;
		position: absolute;
		top: 14px;
		right: 20px;
	}
	#sp_navi .menu-item-has-children.menu_open::before {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: .2s ease-in-out;
		-o-transition: .2s ease-in-out;
		transition: .2s ease-in-out;
		top: 22px;
	}
}

/****************************************

pc用 横ナビ

*****************************************/

@media screen and (max-width: 767px) {
	#g_navi {
		display: none;
	}
}
#g_navi {
	width: 1050px;
	margin: 0 auto 15px;
	position: relative;
	clear: both;
}
#g_navi .menu {
	*zoom: 1;
	width: 100%;
	list-style-type: none;
	margin: 0 auto;
}
#g_navi .menu:before {
	content: "";
	display: table;
}
#g_navi .menu:after {
	content: "";
	display: table;
	clear: both;
}
#g_navi .menu li {
	position: relative;
	float: left;
	width: auto;
	text-align: center;
	line-height: 0;
}
#g_navi .menu li a {
	display: block;
	margin: 0;
	color: #fff;
	line-height: 1.5;
	text-decoration: none;
}
#g_navi .menu li a:hover:after{
	width:100%;
	opacity:0.9;
	filter:alpha(opacity=90)
}
#g_navi .menu li ul {
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
#g_navi .menu li ul li {
	width: 100%;
}
#g_navi .menu li ul li a {
	width: 100%;
	padding: 13px 5px;
	border-top: 1px solid #fff;
	font-size: 1.4rem;
	background: #FFED84;
	text-align: center;
	color: #854E31;
	filter: alpha(opacity=95);
}
#g_navi .menu li ul li a:hover {
	background: #854E31;
	color: #fff;
	opacity: 0.9;
	-webkit-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
}
#g_navi .menu li:hover ul {
	visibility: visible;
	opacity: 0.9;
}
#g_navi .menu li ul li a {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
#g_navi .menu li:hover ul li a {
	visibility: visible;
	opacity: 1;
}
/****************************************

ティーザー

*****************************************/

@media print,screen and (min-width: 768px) {
	.slider_bg{
		background: url(images/slider_bg.png) repeat top left;
	}
	#slider {
		width: 1050px;
		padding: 30px 0;
		margin: 0 auto;
	}
	.teaser_bg{
		background: url(images/slider_bg.png) repeat top left;
	}
	#teaser {
		width: 1050px;
		padding: 30px 0;
		margin: 0 auto;
	}
}
@media screen and (max-width: 767px) {
	#slider {
		width: 130%;
		position: relative;
		left: -15%;
	}
	#teaser {
		position: relative;
		width: 120%;
		left: -10%;
	}
}

/****************************************

content 共通設定

*****************************************/
.none_display{
	display: none !important;
}

.breadcrumb {
	width: 100%;
	text-align: left;
}
.breadcrumb p {
	font-size: 1.2rem;
	color: #333;
}
.breadcrumb a {
	position: relative;
	display: inline-block;
	text-decoration: none;
}
.breadcrumb a::after {
	position: absolute;
	bottom: 0px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #F29702;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
}
.breadcrumb a:hover::after {
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}
.mt20 {
	margin-top: 20px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}

.mb60 {
	margin-bottom: 60px;
}

@media print,screen and (min-width: 768px) {
	main#top_main {
		width: 100%;
		margin: 90px auto 180px;
	}
	main#page_main {
		width: 1050px;
		margin: 30px auto 120px;
	}
	.pc_none {
		display: none !important;
	}
	.breadcrumb_area {
		width: 1020px;
		height: auto;
		margin: 20px auto 0;
	}
}
@media screen and (max-width: 767px) {
	.sp_none {
		display: none !important;
	}
	.breadcrumb_area {
		display: none
	}
	main#top_main {
		width: 100%;
		margin: 60px auto 0;
	}
	main#page_main {
		width: 100%;
		margin: 40px auto 50px;
		padding: 0 3%;
	}
}
/****************************************

contentトップ用

*****************************************/
.top_box02{
	position: relative;
	border: solid 1px #F0D593;
	border-radius: 7px;
	background: url(images/top_bg02.png) repeat top left;
}
.top_box03 ul li{
	border: solid 1px #E4D9AB;
	background: #F7EDBD;
	position: relative;
}
.top_box03 ul li::before{
	content: url(images/ribbon_lt.png);
	position: absolute;
	top: -16px;
	left: -20px;
}
.top_box03 ul li::after{
	content: url(images/ribbon_rb.png);
	position: absolute;
	bottom: -26px;
	right: -20px;
}
.top_box03 ul li figure{
	border-radius: 7px;
	overflow: hidden;
	z-index: 1;
	position: relative;
}
.top_box03 h3{
	padding-bottom: 15px;
	margin-bottom: 20px;
	color: #92441D;
	font-weight: bold;
	background: url(images/top_h3.png) no-repeat bottom center;
}
.top_box05{
	min-height: 380px;
	background: url(images/top_box05_bg_coffee.png) no-repeat bottom 30px right 30px, url(images/top_box05_bg.png) no-repeat top center;
}
.top_box04_tit01, .top_box04_tit02, .top_box04_tit03{
	width: 100%;
	height: 55px;
	margin-bottom: 15px;
}
.top_box04_tit01{
	background: url(images/top_box04_tit01.png) no-repeat top center;
	background-size: contain;
}
.top_box04_tit02{
	background: url(images/top_box04_tit02.png) no-repeat top center;
	background-size: contain;
}
.top_box04_tit03{
	background: url(images/top_box04_tit03.png) no-repeat top center;
	background-size: contain;
}


@media print,screen and (min-width: 768px) {
	.top_box01{
		width: 1050px;
		margin: 0 auto 60px;
		position: relative;
	}
	.top_box01::after{
		content: url(images/top_bg01.jpg);
		position: absolute;
		right: -50px;
		top: 0;
		z-index: -1;
	}
	.top_box01 p, .top_box02 p{
		line-height: 2;
	}
	.top_bnr01{
		width: 300px;
	}
	.top_box02{
		width: 1050px;
		padding: 40px 40px 40px 50px;
		margin: 0 auto 60px;
	}
	.top_box02::before{
		content: url(images/ribbon.png);
		position: absolute;
		top: 0;
		left: -30px;
	}
	.right_495{
		float: right;
		width: 502px;
	}
	.top_box03{
		width: 1050px;
		margin: 0 auto 60px;
	}
	.top_box03::after{
		content: url(images/top_box03_after.jpg);
		position: relative;
		left: calc( 50% - 510px );
	}
	.top_box03 ul{
		margin-bottom: 55px;
	}
	.top_box03 ul li{
		width: 505px;
		float: left;
		padding: 29px;
	}
	.top_box03 ul li:last-child{
		float: right;
	}
	.top_box03 ul li figure{
		margin-bottom: 30px;
	}
	.top_box03 h3{
		font-size: 2.8rem;
	}
	.top_bnr02{
		width: 300px;
		margin: 0 auto;
	}
	.top_text_area{
		width: 830px;
		padding: 5px 0;
		margin: 0 auto 35px;
		background: url(images/top_text_area_l.png) no-repeat top left, url(images/top_text_area_r.png) no-repeat top right;
	}
	.top_box04{
		width: 1050px;
		margin: 0 auto 60px;
	}
	.top_bnr03{
		width: 220px;
		margin: 0 auto;
	}
	.threecolumn_list li{
		width: 330px;
		float: left;
		margin-right: 30px;
	}
	.threecolumn_list li:last-child{
		margin-right: 0;
	}
	.threecolumn_list li figure{
		margin-bottom: 15px;
	}
	.top_box05{
		width: 1050px;
		padding: 40px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 767px) {
	.top_box01, .top_box04{
		padding: 0 3%;
		margin-bottom: 60px;
	}
	.top_box02{
		padding: 5% 3%;
		margin-bottom: 60px;
	}
	.top_bnr02{
		position: relative;
		z-index: 1;
	}
	.top_box03{
		padding: 0 3% 80px;
		margin-bottom: 60px;
		background: url(images/sp_top_box03_after.jpg) no-repeat bottom center;
		background-size: contain;
	}
	.top_box03 ul li{
		padding: 5%;
		margin-bottom: 30px;
	}
	.top_box03 ul li figure{
		margin-bottom: 10px;
		margin-top: 0;
	}
	.top_box03 h3{
		font-size: 2.2rem;
	}
	.threecolumn_list li{
		margin-bottom: 30px;
	}
	.threecolumn_list li:last-child{
		margin-bottom: 0;
	}
	.top_box05{
		padding: 50px 5%;
	}
}

/****************************************

news トップ用

*****************************************/


.news_list{
	padding: 15px 0;
	border-bottom: dotted 1px #7C6B61;
}
.news_list .data {
	font-weight: normal;
	font-size: 1.4rem;
	padding-top: 2px;
	margin-bottom: 10px;
}

.news_list h3 {
	color: #417952;
	margin-bottom: 10px;
}
.newstit{
	height: 45px;
	margin-bottom: 30px;
	background: url(images/newstit.png) no-repeat top center;
}
.news_text{
	clear: both;
	line-height: 1.5;
}
.news_text p{
	font-size: 1.4rem;
}

@media print,screen and (min-width: 768px) {
	
	.news_post{
		height: 220px;
		overflow-y: scroll;
		padding-right: 20px;
	}
	.news_list h3 {
		float: left;

	}
	.news_list .data {
		float: left;
		margin-right: 20px;
	}
}
@media screen and (max-width: 767px) {
	.news_post{
		height: 200px;
		overflow-y: scroll;
	}
}
/****************************************

content下層用

*****************************************/
/*
.sample_img{
	border: solid 10px #C7F379;
}
*/
@media print,screen and (min-width: 768px) {
	.left_img{
		float: left;
	}
	.right_img{
		float: right;
	}
	.line_150{
		line-height: 1.5;
	}
}
@media screen and (max-width: 767px) {
	.left_img, .right_img{
		margin-top: 10px;
		margin-bottom: 10px;
	}
}

/*コンセプト*/

@media print,screen and (min-width: 768px) {
	
	.left_710{
		width: 710px;
		float: left;
	}
	.concept_box01 .left_710{
		margin-top: 15px;
		line-height: 2;
	}
	.right_690{
		float: right;
		width: 690px;
	}
	.concept_box02 .right_690{
		line-height: 1.5;
	}
}
@media screen and (max-width: 767px) {

}

/*チーズケーキ*/
.blog_parts figure img {
	width: 100%;
	height: auto;
}
.period{
	color: #92441D;
	border: solid 1px #E4D9AB;
	border-radius: 4px;
	background: #F7EDBD;
}
@media print,screen and (min-width: 768px) {

	.cake_box01 figure{
		margin-top: 60px;
	}
	.left_620{
		float: left;
		width: 620px;
	}
	.period{
		padding: 13px 25px;
		margin-bottom: 30px;
	}
	.period p{
		font-size: 2.0rem;
	}
	.post_list li{
		width: 340px;
		float: left;
		margin: 0 15px 40px 0;
	}
	.post_list li:nth-child(3n){
		margin-right: 0;
	}
	.post_list li:nth-child(3n+1){
		clear: both;
	}
	.post_list li:nth-last-child(-n+3){
		margin-bottom: 0;
	}
	.post_list li h3{
		font-size: 1.6rem;
	}
	.post_list li figure{
		width: 340px;
		height: 270px;
		margin-bottom: 10px;
		overflow: hidden;
		position: relative;
	}
	.post_list li figure img{
		width: auto;
		height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		-moz-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.blog_parts {
		margin-bottom: 40px;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.blog_parts figure {
		width: 400px;
		margin-left: 30px;
	}
	.blog_parts_text{
		width: 620px;
	}
}
@media screen and (max-width: 767px) {
	.blog_parts {
		margin-bottom: 50px;
	}
	.blog_parts figure {
		margin-bottom: 15px;
	}
	.blog_parts_text{
		margin-bottom: 15px;
	}
	.blog_parts h2{
		margin-bottom: 10px;
		font-size: 2.2rem;
	}
	.period{
		padding: 3%;
		margin-bottom: 15px;
	}
	.cake_box02 .post_list li, .takeout_box02 .post_list li, .summary_box02 .post_list li{
		width: 48%;
		float: left;
		margin: 0 4% 4% 0;
	}
	.cake_box02 .post_list li:nth-child(2n), .takeout_box02 .post_list li:nth-child(2n), .summary_box02 .post_list li:nth-child(2n){
		margin-right: 0;
	}
	.cake_box02 .post_list li:nth-child(2n+1), .takeout_box02 .post_list li:nth-child(2n+1), .summary_box02 .post_list li:nth-child(2n+1){
		clear: both;
	}
	.cake_box02 .post_list li h3, .takeout_box02 .post_list li h3, .summary_box02 .post_list li h3{
		font-size: 1.4rem;
		padding: 5px 0;
	}
	.cake_box02 .post_list li h3::before, .takeout_box02 .post_list li h3::before, .summary_box02 .post_list li h3::before{
		content: "";
	}
}

/*喫茶メニュー*/
.kissa_list{
	padding-bottom: 50px;
	margin-bottom: 30px;
	border-bottom: solid 2px #673418;
}
@media print,screen and (min-width: 768px) {
	.kissa_box03{
		min-height: 590px;
		padding: 50px 45px 0 45px;
		background: url(images/kissa_box03_bg.png) no-repeat top center;
	}
	.kissa_list li{
		width: 300px;
		float: left;
		margin-right: 30px;
	}
	.kissa_list li:last-child{
		margin-right: 0;
	}
	.kissa_list li h3{
		padding: 0 0 10px 40px;
		margin-bottom: 7px;
		color: #603E2B;
		font-size: 1.8rem;
		font-weight: bold;
		border-bottom: dotted 1px #673418;
		position: relative;
	}
	.kissa_list li h3::before{
		content: url(images/kissa_list_h3.png);
		position: absolute;
		left: 0;
	}
	.right670{
		float: right;
		width: 670px;
	}
}
@media screen and (max-width: 767px) {
	.kissa_list li{
		margin-bottom: 10px;
	}
	.kissa_list li:last-child{
		margin-bottom: 0;
	}
}

/*お食事メニュー*/
.yellow_bg{
	border: solid 1px #E4D9AB;
	border-radius: 4px;
	background: #F7EDBD;
}
.set_list li{
	padding: 5px 0;
	border-bottom: dotted 1px #613E2B;
}
.set_list{
	margin-bottom: 20px;
}
@media print,screen and (min-width: 768px) {
	.yellow_bg{
		padding: 40px;
	}
	.left_630{
		float: left;
		width: 630px;
	}
	.right_300{
		float: right;
		width: 300px;
	}
	.right_300 li:first-child{
		margin-bottom: 10px;
	}
	.set_list li span{
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 767px) {
	.right_300 li{
		width: 48%;
		float: left;
	}
	.right_300 li:last-child{
		float: right;
	}
	.yellow_bg{
		padding: 5%;
	}
}

/*コーヒー*/

@media print,screen and (min-width: 768px) {
	.four_column_list li{
		float: left;
		margin-right: 16px;
	}
	.four_column_list li:last-child{
		margin-right: 0;
	}
}
@media screen and (max-width: 767px) {
	.four_column_list li{
		width: 48%;
		float: left;
		margin: 0 4% 4% 0;
	}
	.four_column_list li:nth-child(2n){
		margin-right: 0;
	}
}


/*店舗紹介*/
@media print,screen and (min-width: 768px) {
	.summary_box01 .set_list li{
		padding: 8px 0;
	}
	.map{
		width: 100%;
		height: 450px;
	}

}
@media screen and (max-width: 767px) {
	.map{
		height: 300px;
	}
}






/*ブログ*/





/****************************************

aside

*****************************************/

@media print,screen and (min-width: 768px) {
	aside{
		margin-bottom: 220px;
	}
}
@media screen and (max-width: 767px) {

}


/****************************************

single.php

*****************************************/
.single_box {
	width: 100%;
	margin: 0 auto;
}
#single_box .pagetit{
	font-size: 3.0rem;
}
.single_text {
	width: 100%;
}
.single_text img {
	margin: 15px auto;
	max-width: 1020px;
	height: auto;
}
.aligncenter{
	display: block;
}
.pager {
	clear: both;
	text-align: center;
	padding: 20px 0 0;
}
a.page-numbers {
	background: rgba(0, 0, 0, 0.02);
	border: solid 1px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	padding: 5px 8px;
	margin: 0 2px;
	font-size: 1.4rem;
}
.pager .current {
	background: rgba(0, 0, 0, 0.02);
	border: solid 1px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	padding: 5px 8px;
	margin: 0 2px;
	font-size: 1.4rem;
	background: black;
	border: solid 1px black;
	color: white;
}
.nav-below {
	margin: 30px 0 20px;
	text-align: center;
}
@media print,screen and (min-width: 768px) {
	.mail_bnr{
		width: 300px;
		margin: 50px auto 0;
	}
}
@media screen and (max-width: 767px) {
	.single_box {
		width: auto;
		padding: 0 10px;
	}
	#single_box .pagetit{
		font-size: 2.5rem;
	}
	.mail_bnr{
		margin-top: 30px;
	}
}
/****************************************

sidebar

*****************************************/

/****************************************

テーブル

*****************************************/

td p {
	font-size: 100%;
}
.guidance_table{
	width: 100%;
}
.guidance_table tr{
	border: solid 1px #F7B64E;
}
.guidance_table tr th, .guidance_table tr td {
	width: 25%;
	padding: 10px 20px 9px;
}
.guidance_table tr th {
	text-align: left;
	font-weight: normal;
	background: #FDF0D9;
}
.guidance_table tr td{
	border-left: solid 1px #F7B64E;
}
.overview_table tr{
	border-bottom: solid 1px #F39703;
}
.overview_table tr th, .overview_table tr td{
	text-align: left;
	padding: 18px 0;
	line-height: 1.5;
	font-size: 1.5rem;
}
.overview_table tr th{
	width: 26%;
	font-weight: normal;
}
.overview_table tr td{
	width: 74%;
}


@media print, screen and (min-width: 768px) {
	.overview_table{
		width: 580px;
		float: right;
	}
}
@media screen and (max-width: 767px) {
	.guidance_table tr th, .guidance_table tr td {
		width: 25%;
		padding: 2%;
		font-size: 1.4rem;
		line-height: 1.5;
	}
	
	.scroll{
		overflow: auto;　　　　/*tableをスクロールさせる*/
	}
	.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
		height: 5px;
	}
	.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
		background: #F1F1F1;
	}
	.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
		background: #BCBCBC;
	}
	.scroll table{
		width:100%;
	}
	.scroll td, .scroll th{
		white-space: nowrap;　/* 文字の折返しを禁止 */
	}
	
	.overview_table tr td {
		padding-left: 5%;
	}
}


/****************************************

P

*****************************************/

/* 改行 */

p.line_break, span.line_break {
	padding-top: 25px;
}
/* 赤文字*/
.red {
	color: #FF0000;
}
/* オレンジ文字*/
.orange {
	color: #F29701;
}
/* 強調*/
.bold {
	font-weight: bold;
}
.size14{
	font-size: 1.4rem;
}
.size18{
	font-size: 1.8rem;
}
.size22{
	font-size: 2.2rem !important;
}
.text_center {
	text-align: center;
}
@media print, screen and (min-width: 768px) {
	.pc_text_center {
		text-align: center;
	}
}
@media screen and (max-width: 767px) {
}	

/****************************************

タイトル

*****************************************/
.img_tit{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.block{
	display: block;
}
.top_headline02{
	margin-bottom: 15px;
	background: url(images/top_headline02.png) no-repeat bottom left;
	background-size: contain;
}
.top_headline03{
	padding: 3px;
	margin-bottom: 30px;
	color: #fff;
	text-align: center;
	font-size: 2.8rem;
	font-weight: bold;
	border-radius: 7px;
	background: -moz-linear-gradient(to bottom, rgba(32, 18, 9, 0), rgba(32, 18, 9, 0.3)), url(images/top_headline03.jpg) no-repeat top center;
	background: -webkit-linear-gradient(to bottom, rgba(32, 18, 9, 0), rgba(32, 18, 9, 0.3)), url(images/top_headline03.jpg) no-repeat top center;
	background: linear-gradient(to bottom, rgba(32, 18, 9, 0), rgba(32, 18, 9, 0.3)), url(images/top_headline03.jpg) no-repeat top center;
}
.top_headline03 span{
	display: block;
	padding: 10px 3%;
	border: solid 1px rgba(252, 244, 225, .5);
	border-radius: 7px;
}
.pagetit{
	padding: 2px;
	background: url(images/pagetit.png) repeat-y top center;
	position: relative;
	border-radius: 4px;
}
.pagetit span{
	display: block;
	padding: 14px 33px 15px;
	border: solid 1px #A38473;
	border-radius: 3px;
}
.pagetit::after{
	content: url(images/pagetit_after.png);
	position: absolute;
	left: 1px;
	bottom: -45px;
	z-index: -1;
}
.concept_subhead{
	height: 28px;
	margin-bottom: 35px;
	background: url(images/concept_subhead.png) no-repeat left top;
}
.subhead{
	padding: 14px 10px 14px 55px;
	margin-bottom: 40px;
	position: relative;
	border: solid 1px #F0D593;
	border-radius: 7px;
	background: url(images/top_bg02.png) repeat top left;
}
.subhead::before{
	content: url(images/ribbon.png);
	position: absolute;
	top: calc( 50% + 5px );
	left: -30px;
	-moz-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.cake_subhead{
	height: 78px;
	margin-bottom: 28px;
	background: url(images/cake_subhead.png) no-repeat left top;
}
.subtit, .subtit03{
	padding: 5px 0 10px 45px;
	margin-bottom: 20px;
	color: #613E2B;
	font-size: 2.0rem;
	background: url(images/subtit_b.png) repeat-x bottom left;
	position: relative;
}
.subtit::before, .subtit03::before{
	content: url(images/subtit_l.png);
	position: absolute;
	top: calc( 50% - 20px );
	left: 15px;
	-moz-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.subtit03::before{
	content: url(images/kissa_list_h3.png);
	top: calc( 50% - 15px );
}
.subtit02{
	margin-bottom: 25px;
	text-align: center;
	color: #92441D;
	font-size: 2.0rem;
}
.coffee_subhead, .coffee_subhead02{
	margin-bottom: 28px;
}
.coffee_subhead{
	height: 83px;
	background: url(images/coffee_subhead.png) no-repeat left top;
	background-size: contain;
}
.coffee_subhead02{
	height: 73px;
	background: url(images/coffee_subhead02.png) no-repeat left top;
	background-size: contain;
}


@media print,screen and (min-width: 768px) {
	.top_headline{
		width: 732px;
		height: 117px;
		padding: 40px;
		margin-bottom: 40px;
		background: url(images/top_headline.png) no-repeat bottom left;
	}
	.top_headline02{
		width: 394px;
		height: 111px;
	}
	.pagetit{
		margin-bottom: 50px;
	}
	.kissa_subtit{
		width: 346px;
		height: 72px;
		margin: 0 calc( 50% - 132px ) 50px;
		background: url(images/kissa_subtit.png) no-repeat top center;
		position: relative;
	}
	.kissa_subtit02{
		width: 355px;
		height: 35px;
		margin-bottom: 17px;
		background: url(images/kissa_subtit02.png) no-repeat top left;
	}
}
@media screen and (max-width: 767px) {
	.top_headline{
		height: 127px;
		margin-bottom: 20px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		background: url(images/sp_top_headline.png) no-repeat top left;
		background-size: contain;
	}
	.top_headline02{
		height: 110px;
	}
	.top_headline03{
		font-size: 2.1rem;
	}
	.pagetit{
		margin-bottom: 20px;
	}
	.pagetit span{
		padding: 3%;
	}
	.pagetit::after{
		content: "";
	}
	.concept_subhead{
		height: 100px;
		margin-bottom: 35px;
		background: url(images/sp_concept_subhead.png) no-repeat left top;
		background-size: contain;
	}
	.cake_subhead{
		height: 85px;
		margin-bottom: 28px;
		background: url(images/sp_cake_subhead.png) no-repeat left top;
		background-size: contain;
	}
	.kissa_subtit{
		height: 50px;
		margin-bottom: 20px;
		background: url(images/kissa_subtit.png) no-repeat top left;
		background-size: contain;
		position: relative;
	}
	.kissa_subtit02{
		height: 30px;
		margin-bottom: 20px;
		background: url(images/kissa_subtit02.png) no-repeat top left;
		background-size: contain;
	}
}
/****************************************

sp_footer

*****************************************/

@media screen and (max-width: 767px) {
	#pc_footer, .nav_bg {
		display: none;
	}
	.sp_f_top{
		padding: 5% 3%;
		border-top: solid 1px #DED1C2;
	}
	#sp_footer p {
		font-size: 1.5rem;
	}
	.copyright {
		font-size: 1.2rem;
		display: block;
		background: url(images/f_bottom.jpg) no-repeat top center;
		padding: 2% 3%;
		color: #fff;
		margin-bottom: 60px;
	}
	.sp_bottom{
		position: fixed;
		width: 100%;
		bottom: 0;
		left: 0;
		z-index: 9999;
	}
	.sp_bottom li{
		width: calc( 100% / 3 );
		float: left;
		position: relative;
		overflow: hidden;
		height: 60px;
		background: rgba(97, 62, 43, .9);
		border-right: solid 1px rgba(79, 50, 34, .9);
	}
	.sp_bottom li img{
		height: 70%;
		width: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		-moz-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
}
/****************************************

pc_footer

*****************************************/
@media print,screen and (min-width: 768px) {
	#pc_footer{
		position: relative;
	}
	#sp_footer {
		display: none;
	}
	.f_top{
		min-width: 1050px;
		border-top: solid 1px #DED1C2;
		background: #fff;
	}
	.f_inner{
		width: 1050px;
		padding: 50px 0 35px;
		margin: 0 auto;
	}
	.pagetop{
		position: absolute;
		left: 50%;
		top: -120px;
		-moz-transform: translate(-50%,0);
		-webkit-transform: translate(-50%,0);
		-o-transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		transform: translate(-50%,0);
	}
	.f_logo{
		float: left;
	}
	.f_text{
		float: right;
		width: 770px;
	}
	.f_text .line_break{
		font-size: 1.5rem;
	}
	.f_bottom{
		padding: 14px;
		color: #fff;
		background: url(images/f_bottom.jpg) no-repeat top center;
	}
	.copyright{
		text-align: center;
	}
/*
	.pagetop {
		position: absolute;
		width: 111px;
		right: 0;
		top: -100px;
	}
*/
/*
	#pc_footer a:link, #pc_footer a:visited {

		-webkit-transition: 0.2s linear;
		-o-transition: 0.2s linear;
		transition: 0.2s linear;
	}
	#pc_footer a:hover, #pc_footer a:active {
			font-weight: normal;

		text-decoration: underline;
		-webkit-transition: 0.2s linear;
		-o-transition: 0.2s linear;
		transition: 0.2s linear;
	}
*/
}

/****************************************

Contact Form7

*****************************************/

.wpcf7 {
	width: 100%;
}
.wpcf7-form textarea {
	width: 960px;
	/*本文*/
	max-width: 100%;
}
.wpcf7-form .wpcf7-submit {
	width: 50px !important;
	/*送信ボタン*/
}
.wpcf7 p {
	line-height: 2.0;
	/*項目間の隙間*/
	padding-top: 3px;
}
.wpcf7-form input {
	max-width: 100% !important;
	/*ラジオボタン、チェックボタン*/
}
.contact_p_strong {
	border-top: 1px dotted #999;
	font-weight: bold;
	margin-top: 15px;
	padding-top: 15px !important;
}
.normal {
	font-weight: normal;
}
.wpcf7-submit {
	margin-top: 10px;
}
.wpcf7-response-output {
	font-size: 1.3em;
}
@media screen and (max-width: 767px) {
	.wpcf7-form textarea {
		width: 100% !important;
		/*本文*/
	}
}
/****************************************

追加

*****************************************/


/****************************************

clearfix

*****************************************/

.clearfix {
	display: inline-block;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE Mac */

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End Hack */