@charset "utf-8";




/* ------------------------------------------------------------------------------------------------
 * RESPONSIVE
 * ------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 1099px) {
	
	
	
	
}


@media screen and (max-width: 767px) {
	.g-container {
		/*background-size: 85% auto;*/
		background-size: cover;
	}
	
	.u-contents {
		margin: 0 0 10%;
	}
	
	.u-next-contents {
		margin: 0;
	}
	
	.c-breakfast-bg {
		margin: -10% 0 0;
	    padding: 0 0 10.5%;
	}
	
	.c-breakfast-bg:after {
		bottom: -1px;
	}
	
	.u-page-title__title {
		top: calc(50% - 20.5%);
	}
	
	.u-page-title__name:before {
		font-size: 2.4rem;
			letter-spacing: .1em;
	}
	
	.u-page-menu {
		margin: 0;
		padding: 6.8% 0 0;
		box-shadow: none;
		/*border-top: 4px solid #5e514b;*/
	}
	
	.u-page-menu:before {
		content: '';
		width: 100%;
		padding: 5% 0 0;
		background: url("/hotel/kurashiki/_assets/img/breakfast/bg-02.png") repeat-x center / auto 100%;
		display: block;
		position: absolute;
		top: -2px;
		left: 0;
	}
	

	.u-page-menu__icon img {
		width: 50.5%;
	}

	.u-page-menu ul {
		padding: 1.5% 1.875% 3.5%;
	}
	
	.u-page-menu ul li {
		width: calc(100% / 3);
		padding: 0 1.875%;
	}
	
	.u-page-menu ul li:after {
		display: none !important;
	}
	
	.u-page-menu ul li a {
		border-radius: 50%;
		box-shadow: 20px 20px 20px 0 rgba(0,0,0,.1);
	}
	
	
	
	
	.c-main h3 img {
		width: 84%;
	}
	
	.c-main p {
		font-size: calc(0.15625vw * 28);
		letter-spacing: .1em;
		margin: 0;
		padding: 5% 0 7%;
	}
	
	.c-main ul {
		transform: scale(1.25);
	}
	
	.c-breakfast__wrap {
		padding: 8.71% 8.71% 0;
	}

	.c-breakfast h3 {
	    padding: 8.45% 0;
	}
	
	.c-breakfast h3 img {
		width: 85%;
	}
	
	.c-breakfast.is-point .c-breakfast__inner {
		margin: 0 0 10% !important;
		padding: 0 !important;
		display: block;
		border: 0 !important;
	}
	
	.c-breakfast.is-point .c-breakfast__inner figure {
		width: 100%;
		margin: 0 0 4.75%;
	}
	
	.c-breakfast.is-point .c-breakfast__inner div {
		width: 100%;
		padding: 0;
	}
	
	.c-breakfast.is-point .c-breakfast__inner.u-flex-reverse div {
		padding: 0;
	}

	.c-breakfast.is-point h4 > img {
	    width: 31%;
	}
	
	.c-breakfast.is-point h4 em {
		font-size: calc(0.15625vw * 44);
		position: relative;
		z-index: 99;
	}
	
	.c-breakfast.is-point h4 em img {
		width: 78%;
	}

	.c-breakfast.is-point .is-point-02 h4 {
	    text-align: right;
	}

	/*.c-breakfast.is-point .is-point-02 h4 img {
        float: right;
	}*/

	/*.c-breakfast.is-point .u-text {
	    clear: both;
	}*/
	
	
	
	.c-service-list {
		margin: 0;
		display: block;
	}
	
	.c-service-list__box {
		width: 100%;
		padding: 0 0 7.5%;
	}
	
	.c-service-list__box .u-text {
		margin: 0;
	}
	
	.c-service-list h4 {
		margin: 0;
	}

	
	
	.c-Allergy-info {
		margin: 0 0 10.585%;
		padding: 8.15% 6.15% 6.15%;
	}
	
	.c-Allergy-info h4 em {
		font-size: calc(0.15625vw * 32);
		text-align: center;
	}
	
	.c-Allergy-info__inner {
		display: block;
	}
	
	.c-Allergy-info__inner figure {
		width: 100%;
		padding: 0 6.15% 6.15%;
	}
	
	.c-Allergy-info .u-text {
		width: 100%;
		padding: 0;
	}
	
	
	
	
	.c-venue-info {
		display: block;
	    padding: 8.71% 8.71% 0;
	}
	
	.c-venue-info figure {
		width: 100%;
	}
	
	.c-venue-info__data {
		width: 100%;
		margin: 0 0 1em;
		padding: 0;
	}
	
	.c-venue-info__data dl {
		margin-bottom: 0%;
	}
	
	.c-venue-info__data h4 {
		font-size: calc(0.15625vw * 42);
		padding-bottom: .25em;
		background-position: top 15% right 0;
	}
	
	.c-breakfast-pj {
	    margin: 0 auto 4%;
	}
	
	.c-breakfast-pj .u-inner {
		padding: 0 5%;
	}
	
	
	.c-breakfast.is-point .is-point-01 .u-illu-point01 {
	    width: 82px;
	    top: 9%;
	    right: -2%;
	    z-index: 1;
	}

	.c-breakfast.is-point .is-point-02 .u-illu-point02 {
	    width: 123px;
	    bottom: -13%;
	    left: -7%;
	    position: absolute;
	}
	
	.c-venue-info__data h4 img {
	    margin: 10px auto 15px;
	    width: 83%;
	}

	.c-venue-other {
	    background: #f5ede2 url(/hotel/kurashiki/_assets/img/breakfast/map.png) no-repeat 96% 42% / 71% auto;
	    padding: 8.71% 8.71%;
	}

	.c-venue-other_ttl {
	    max-width: calc(993px / 2);
	    margin: 0 auto;
	    width: 94%;
	}

	.c-venue-other__boxs {
	    flex-wrap: wrap;
	}

	.c-venue-other__box {
	    width: 48%;
	}

	.c-venue-other__box p {
	    line-height: 1.5;
	}

	.c-venue-other__box:nth-child(n+3) {
	    margin-top: 20px;
	}
	
} /* END RESPONSIVE 767px */




@media screen and (max-width: 374px) {
	
	
	
	
} /* END RESPONSIVE 374px */




@media print {
	
	
	
	
} /* END PRINT */


/* ▼ しあわせ朝ごはんロゴ */
@media screen and (max-width: 767px) {
	.bf_logo {
		display: block;
		position: static;
		margin: 0 auto 5%;
		width: 20%;
	}
}