@charset "Shift_JIS";

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

/* ========================================== 
	レイアウト
========================================== */
.mainContents {
	width: 100%;
}

.mainContents .imgPC {
	display: none;
}

.mainContents .imgSP {
	display: block;
}



/* 基本のボタン */
.mainContents a.btDetail {
	font-size: 6vw;
	padding-left: 5px;
	padding-right: 5px;
}

.mainContents a.btDetail span {
	background-position: left center;
}


/* タイトル */
.mainContents .titleArea {
    width: 100%;
	height: auto;
	background-size:contain;
	background-color: #010030;
}

.mainContents .titleArea h2 {
	padding-top: 10vw;
}

.mainContents .titleArea h2 img {
    width: 100%;
}

.mainContents .titleArea .titleTxt {
	position: static;
	font-size: 4vw;
	width: 100%;
	line-height: 1.2;
	text-align: left;
	padding: 10px;
	padding-top: 10vw;
}


/* 施設一覧 */
.mainContents .hotelArea h3 img {
	margin-top: 0;
	padding-top: 10px;
	width: 100%;
}

.mainContents .hotelArea ul.hotelList li {
	width: 100%;
	margin-top: 20px;
}

.mainContents .hotelArea ul.hotelList li p img {
	width: 100%;
}


/* イルミネーション */
.mainContents .illuminationArea .catch .txtArea {
	text-align: left;
}

.mainContents .illuminationArea .catch .txtArea h3 img {
	width: 100%;
}

.mainContents .illuminationArea .catch .txtArea p.btArea {
	text-align: center;
}


.mainContents .illuminationArea p.planBtArea a.btDetail {
	letter-spacing: 0px;
	font-size: 6vw;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}

.mainContents .illuminationArea p.planBtArea a.btDetail span {
	display: block;
	background-position: left center;
	line-height: 1.1;
}

.mainContents .illuminationArea ul.addPhoto li {
	width: 100%;
	height: auto;
}

.mainContents .illuminationArea ul.addPhoto li img {
	width: 100%;
}

.mainContents .illuminationArea .info h4 {
	text-align: center;
}

.mainContents .illuminationArea .info dl dt {
	width: auto;
	float: none;
	background: rgba(0,0,0,0.5);
	padding: 3px 10px;
	margin-top: 10px;
	border-radius: 3px;
}

.mainContents .illuminationArea .info dl dd {
	margin-left: 0;
}





/* 観光情報 */
.mainContents .myokoArea .mkList ul.areaLeft {
	float: none;
	width: 100%;
}

.mainContents .myokoArea .mkList ul.areaRight {
	float: none;
	width: 100%;
	margin-top: 40px;
}
.mainContents .myokoArea .mkList ul li .catch p.imgArea {
	width: 40%;
}

.mainContents .myokoArea .mkList ul li .catch p.imgArea img {
	width: 100%;
}

.mainContents .myokoArea .mkList ul li .catch .txtArea {
	width: 58%;
}

.mainContents .myokoArea .mkList ul li.shuzo .detail p.sakeImg {
	width: 15%;
}

.mainContents .myokoArea .mkList ul li.shuzo .detail .sakeTxt {
	width: 83%;
}
























/* 終わり */
}