@charset "UTF-8";

/*■■■■■■■■■■■■■■■■■■■■
shop用
■■■■■■■■■■■■■■■■■■■■*/
#mainphoto {
	position:relative;
	font-size: 0;
}
#mainphoto .photo_large {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 5 / 3;
}
#mainphoto .photo_small {
	display:none;
}
#dishes_logo {
	position:absolute;
	top: 50%;
	left: 52%;
	transform: translate(-48%, -50%);
	z-index: 10;
}
#dishes_logo img {
	width:80%;
}
/*600px以下（スマホ）ヘッダー*/
@media screen and (max-width: 600px) {
#mainphoto .photo_large {
	display:none;
}
#mainphoto .photo_small {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 3 / 2;
}
#dishes_logo {
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#dishes_logo img {
	width:100%;
}
}
/*□□□□□□□□□□
MEALSスライド部分
□□□□□□□□□□□*/
img.inphoto {
    width: 50%;
}
/*600px以下（スマホ）スライド*/
@media screen and (max-width: 600px) {
.swiper-slide .inphoto:last-child {
    display: none;
}
img.inphoto {
    width: 100%;
}
}
/*□□□□□□□□□□
共通ブロック
□□□□□□□□□□□*/
.bgcolor {
	background-color:#FFFAF0;
	padding: 50px 0 50px;
}
.flex {
	display:flex;
}
.max1230 {
	max-width:1230px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#shoppage .contentsbox {
	width:100%;
	margin-top:50px;
	margin-bottom:50px;
}
#shoppage .contentsbox .midashi {
	margin-left:6%;
	width:20%;
	padding:0 7px;
}
#shoppage .contentsbox h3 {
	font-family: 'Francois One', sans-serif;
	font-size:38px;
	letter-spacing:1.5px;
	margin-bottom:0;
	line-height:44px;
}
#shoppage .contentsbox .migi_nakami {
	text-align:left;
	width:74%;
	margin: 0 3% 0 0;
}
#shoppage .contentsbox .text {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	letter-spacing:1.3px;
	line-height: 25px;
}
/*895px以下アバウト*/
@media screen and (max-width: 895px) {
#shoppage .flex {
	display:block;
}
#shoppage .contentsbox .midashi {
	text-align:center !important;
	width:auto;
	margin-left:0 !important;
}
#shoppage .contentsbox .migi_nakami {
	text-align:center;
	width:100%;
	margin-top:24px;
}
#shoppage .contentsbox .text {
	text-align:center;
	width:auto;
}
}
/*600px以下アバウト*/
@media screen and (max-width: 600px) {
#shoppage .contentsbox .text {
	margin:24px 30px 0 30px;
}
}
/*415px以下アバウト*/
@media screen and (max-width: 415px) {
#shoppage .contentsbox .text br {
	display:none;
}
}
/*□□□□□□□□□□
ブログ
□□□□□□□□□□□*/
.blog_box {
	width: 49%;
	margin-right:1%;
}
.blog_box:last-child {
	margin-right:0;
}
.blog_pict img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}
.blog_title {
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:1px;
	margin: 16px 0;
	text-align: center;
}
.blog_pict {
    overflow: hidden;
    width: 100%;/* トリミングしたい枠の幅 */
    height: 300px;/* トリミングしたい枠の高さ */
    position: relative;
}
/*895px以下のブログ*/
@media screen and (max-width: 895px) {
.blog_box {
	width: 90%;
	margin:0 5%;
	text-align:center;
}
.blog_box:last-child {
	margin-top:20px;
	padding: 29px 0 0 1px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #222;
}
.blog_pict img {
/*	width:100%;
	max-width:500px;*/
}
}

/*□□□□□□□□□□
コンタクト
□□□□□□□□□□□*/
.contact_text{
	display:flex;
	width:100%;
    margin: 0 0 30px 0;
}
#shoppage #contact{
	margin:0;
}
#shoppage #contact h5{
    font-family: 'Francois One', sans-serif;
	font-size:30px;
	color:#999;
    padding: 0 7px 0 0;
}
#shoppage #contact h6{
    font-family: 'Francois One', sans-serif;
	font-size:30px;
	width:100%;
	text-align:left;
}
/*895px以下コンタクト*/
@media screen and (max-width: 895px) {
	.contact_text{
	display:block;
}
#shoppage #contact h5{
	text-align:center;
	font-size:20px;
	padding: 0 0 2px 0;
}
#shoppage #contact h6{
	text-align:center;
	margin-top:0;
	font-size:20px;
	margin-bottom:0px;
}
}