@charset "utf-8";
/*=================================

	2: Parts Utility

================================ */

@media print, screen and (min-width: 668px) {
	#chugoku-shikoku {
		margin-bottom: 50px;
	}
	#chugoku-shikoku .block__read {
		padding: 0 20px;
		margin-top: 20px;
	}
	#chugoku-shikoku .block__read--areaText {
		overflow: hidden;
	}
	#chugoku-shikoku .block__read--Text {
		text-align:center;
	}
	#chugoku-shikoku .block__read--Text + .block__read--Text {
		margin-top: 15px;
	}
	#chugoku-shikoku {
		margin-bottom: 50px;
	}
	#chugoku-shikoku .contentsBlock {
		margin-top: 20px;
	}
	#chugoku-shikoku .contentsBlock--Title {
		font-size: 18px;
		font-weight: bold;
		text-align:center;
		padding-bottom: 20px;
		margin-bottom: 15px;
		border-bottom: 1px solid #dddddd;
	}
	#chugoku-shikoku .box__wrap .box__inner {
		margin: 20px 0 20px;
		background: url("/excludes/common/images/special/chugoku-shikoku_bg01.webp");
		background-size: 100% 100%;
		background-repeat: no-repeat;
		height: 1120px;
	}
	#chugoku-shikoku .box__wrap .box__inner .banner__wrap {
	 width: 740px;
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
	 margin: 0 auto;
	}
	#chugoku-shikoku .box__wrap .box__inner .banner__wrap__onecol {
	 width: 740px;
	 display: block;
	 margin: 0 auto;
	 padding-top: 20px;
	}
	#chugoku-shikoku .box__wrap .box__inner .banner__wrap__onecol .gourmet__btn {
		 box-shadow: 1px 1px 8px 0px rgba(131, 122, 103, 0.6);
	}
	 #chugoku-shikoku .box__wrap .box__inner .banner__wrap .gourmet__btn:nth-child(n+1){
		 margin-top: 20px;
		 box-shadow: 1px 1px 8px 0px rgba(131, 122, 103, 0.6);
	}
	/* other */
	#chugoku-shikoku .element-center {
		text-align: center;
	}
	#chugoku-shikoku .sp__element {
		display: none;
	}
	#chugoku-shikoku a:hover {
		opacity: 0.8;
	}
}

@media screen and (max-width: 667px) {
	#chugoku-shikoku {
		margin-bottom: 26px;
	}
	#chugoku-shikoku .block__read {
		padding: 0 20px;
		margin-top: 20px;
	}
	#chugoku-shikoku .block__read--Text {
		text-align: center;
		font-size: 13px;
		line-height: 1.5;
	}
	#chugoku-shikoku .block__read--Text + .block__read--Text {
		margin-top: 10px;
	}
	#chugoku-shikoku {
		margin-bottom: 26px;
	}
	#chugoku-shikoku .contentsBlock {
		margin-top: 20px;
		padding: 0 10px;
	}
	#chugoku-shikoku .contentsBlock--Title {
		font-weight: bold;
		text-align:center;
		margin-bottom: 16px;
		padding-bottom: 13px;
		border-bottom: 1px solid #dddddd;
	}
	#chugoku-shikoku .contentsBlock--Text {
		font-size: 13px;
		line-height: 1.5;
	}
	#chugoku-shikoku .box__wrap .box__heading {
		padding: 0 10px;
	}
	#chugoku-shikoku .box__wrap .box__inner {
		margin: 15px 0px 20px;
		padding:0 10px 10px;
		background-image: url("/excludes/common/images/special/chugoku-shikoku_bg01_sp.webp");
		background-size: 100% 100%;
		background-repeat: no-repeat;
		height: auto;
	}
 #chugoku-shikoku .box__wrap .box__inner .banner__wrap {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0 auto;
	}
 #chugoku-shikoku .box__wrap .box__inner .banner__wrap__onecol {
		width: 100%;
		display: block;
		margin: 0 auto;
		padding-top: 10px;
	}
 #chugoku-shikoku .box__wrap .box__inner .banner__wrap__onecol .gourmet__btn {
		box-shadow: 0px 0px 3px 0px rgba(131, 122, 103, 0.6);
	}
 #chugoku-shikoku .box__wrap .box__inner .banner__wrap .gourmet__btn:nth-child(n+1){
		margin-top: 10px;
		width: calc(50% - 5px);
		box-shadow: 0px 0px 3px 0px rgba(131, 122, 103, 0.6);
	}
 #chugoku-shikoku .box__wrap .box__inner .banner__wrap .gourmet__btn:nth-child(2n){
		margin-left: 10px;
	}

	/* other */
	#chugoku-shikoku .element-center {
		text-align: center;
	}
	#chugoku-shikoku .pc__element {
		display: none;
	}
}

/* chugoku-shikoku-flex */
.chugoku-shikoku-flex {
	display: flex;
}
/* chugoku-shikoku-jcRight */
.chugoku-shikoku-jcRight {
	justify-content: flex-end;
}
/* chugoku-shikoku-note-list */
.chugoku-shikoku-note-list > li {
	position: relative;
	padding-left: 1em;
	color: #555555;
}
.chugoku-shikoku-note-list > li > .chugoku-shikoku-note-list-mark {
	position: absolute;
	left: 0;
}
@media screen and (min-width: 668px) {
	.chugoku-shikoku-note-list > li {
		font-size: 16px;
	}
}
@media screen and (max-width: 667px) {
	.chugoku-shikoku-note-list > li {
		font-size: 12px;
	}
}