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


body {
	font-size: 3.5vw;
	line-height: 1.5em;
}

body::-webkit-scrollbar {  /* Safari 対応 */
        display:none;
    }

.pc {
	display: none;
}

.bg_c1 {
	background-color: #fdf7e9;
	position: relative;
}
.bg_c1::after {
    content: "";
    width: 100%;
    height: 8vw;
    background: url(../img/bg-top2.png) top center / contain no-repeat;
    position: absolute;
    bottom: -5vw;
    left: 0;
}

.title {
	width: 100%;
	padding: 9% 0 16%;
	background: url(../img/top-bg.jpg) center top / cover no-repeat;
	position: relative;
}
.title::after {
	content: "";
	width: 100%;
	height: 8vw;
	background: url(../img/bg-top.png) top center / contain no-repeat;
	position: absolute;
	bottom: -5vw;
	left: 0;
}
/* .title .inner {
	width: 90%;
	margin: auto;
} */
.title .inner h1 {
	height: 0;
	width: 100%;
	padding: 58% 0 0;
	background: url(../img/h1-title.svg) center / contain no-repeat;
}
.title .inner .pariod {
	height: 0;
	width: 28%;
	padding: 28% 0 0;
	background: url(../img/title-pariod.svg) center / contain no-repeat;
	position: absolute;
	top: 12%;
	right: 0%;
}

.present {
	margin: auto;
	padding: 6vw;
}
.present h2 {
	font-weight: bold;
	font-size: 5vw;
	line-height: 1.5em;
	text-align: center;
	padding: 5vw 0 10vw;
}
.present h2 span {
	display: block;
	font-weight: 900;
	font-size: 1.7em;
	color: #C30E23;
	line-height: 1.2em;
	padding-top: 2vw;
}
.present .prize {
	background: url(../img/present-and.svg) center / 10vw no-repeat;
}
.present .prize img {
	width: 100%;
}
.present .prize img:nth-of-type(1) {
	margin-bottom: 12vw;
}

.step {
	padding: 6vw 6vw 0;
}
.step h2 {
	height: 6.5vw;
	width: 100%;
	margin: 0 0 4vw;
	background: url(../img/step_h2.svg) center / cover no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
}
.step ul {
	margin-left: -1.5%;
	height: 195vw;
	width: 103%;
	background: url(../img/present-step2-sp.png) left top / contain no-repeat;
}
.step p {
	font-size: 2.6vw;
	line-height: 1.5em;
	margin: 4vw auto;
	text-align: center;
}

.description {
	padding: 0 6vw;
	margin: 6vw 0;
}
/*
.description ul li {
	padding: 3vw;
	margin: 3vw 0;
	font-weight: bold;
	font-size: 4vw;
	line-height: 1.3em;
	text-align: center;
	color: #FFF;
	background: #DC7584;
}
*/
.description dl {
	font-weight: bold;
	font-size: 1.4em;
	line-height: 2em;
	text-align: center;
}
.description dl dt {
	width: 100%;
	color: #FFF;
	background: #000;
}
.description dl dd {
	margin: 0 0 3vw;
	padding: 0.25em 0;
	line-height: 1.5em;
}
.map {
	width: 100%;
	padding: 0;
/*
	margin: 3vw 0;
*/
}

.map img {
	text-align: center;
}
/*
.map iframe {
	width: 100%;
	height: 90vw;
}
*/
.transportation {
	padding: 0 0 16vw 0;
	margin: 6vw 6vw 0;
}
.transportation ul {
	height: 0;
	padding-top: 63%;
	background: url(../img/transportation_sp.svg) center / contain no-repeat;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
}

.area {
	/* background: url(../img/area-bg.png) center top / 100% auto no-repeat; */
	padding: 10vw 0 12vw;
    margin-top: 6vw;
    position: relative;
}
.area h2 {
	width: 52vw;
	height: 29vw;
	margin: 8vw auto;
}
.area .mtsm h2 {
	background: url(../img/h2-matsushima.svg) center / contain no-repeat;
}
.area ul {
	padding: 6vw;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.area .mtsm ul li {
	box-sizing: border-box;
	/* border: 1vw solid #FFF; */
	background: #E1E9F6;
	padding: 3vw 6vw 6vw;
	margin: 0 0 6vw;
}
.area .stghm ul li {
	box-sizing: border-box;
	border: 1vw solid #FFF;
	background: #e1f0e0;
	padding: 3vw 6vw 6vw;
	margin: 0 0 6vw;
}
.area ul li h4 {
	width: 100%;
	height: 30vw;
	padding: 0;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
	border-bottom: 1px solid #000;
}
.area .mtsm ul li.daikanso h4 {
	background: url(../img/mtsm-h3-daikanso.jpg) center top / contain no-repeat;
}
.area .mtsm ul li.soukan h4 {
	background: url(../img/mtsm-h3-soukan.jpg) center top / contain no-repeat;
}
.area .mtsm ul li.century h4 {
	background: url(../img/mtsm-h3-century.jpg) center top / contain no-repeat;
}
.area .mtsm ul li.ichinobou h4 {
	background: url(../img/mtsm-h3-ichinobou.jpg) center top / contain no-repeat;
}
.area .mtsm ul li.shintomitei h4 {
	background: url(../img/mtsm-h3-shintomitei.jpg) center top / contain no-repeat;
}
.area .mtsm ul li.taisyousou h4 {
	background: url(../img/mtsm-h3-taisyousou.jpg) center top / contain no-repeat;
}
.area .mtsm ul li.koufutei h4 {
	background: url(../img/mtsm-h3-koufutei.jpg) center top / contain no-repeat;
}
.area .mtsm ul li.ubudo h4 {
	background: url(../img/mtsm-h3-ubudo.jpg) center top / contain no-repeat;
}
.area .mtsm ul li.palace h4 {
	background: url(../img/mtsm-h3-palace.jpg) center top / contain no-repeat;
}
.area .mtsm ul li.zekkei h4 {
	background: url(../img/mtsm-h3-zekkei.jpg) center top / contain no-repeat;
}
.area .mtsm ul li.abalon h4 {
	background: url(../img/mtsm-h3-abalon.jpg) center top / contain no-repeat;
}
.area .stghm ul li.shichi h4 {
	background: url(../img/stghm-h3-shichi.png) center top / contain no-repeat;
}
.area ul li .addr {
	font-size: 4.2vw;
	line-height: 1.2em;
	text-align: center;
	padding: 3vw 0 0;
}
.area ul li .tel {
	font-size: 6vw;
	line-height: 1.2em;
	text-align: center;
	padding: 0 0 2.5vw;
}
.area ul li .spec {
	text-align: center;
	padding: 2vw 0 0;
	border-top: 1px solid #000;
}
.area ul li img {
	width: 100%;
	padding: 2vw 0;
}

/*.area .stghm {
	padding: 0 ;
	margin: 6vw;
}*/
.area .stghm h2 {
	background: url(../img/h2-shichigahama.svg) center / contain no-repeat;
}

.spot {
	/* background: url(../img/spot-bg-mid.jpg) center top / 120% auto repeat-y; */
	padding: 0;
	position: relative;
	background-color: #fdf7e9;
}
.spot::before {
    content: "";
    width: 100%;
    height: 8vw;
    background: url(../img/bg-top.png) top center / contain no-repeat;
    position: absolute;
    top: -5vw;
    left: 0;
}
.spot_cont {
	padding-bottom: 8vw;
}
.spot h2 {
	position: relative;
	z-index: 10;
	width: 90%;
	padding: 20% 0 0;
	margin: 0 auto;
}
.spot h2 img {
	max-width: 100%;
}
.spot h3 {
    width: 52vw;
    height: 29vw;
    margin: 8vw auto;
}
.spot h3.mtsm {
	background: url(../img/h2-matsushima.svg) top center / contain no-repeat;
}
.spot h3.stghm {
	background: url(../img/h2-shichigahama.svg) top center / contain no-repeat;
}
.spot p.car30min {
	width: 56%;
	padding: 56% 0 0;
	height: 0;
	position: absolute;
	top: -0.1%;
	right: 0;
	background: url(../img/spot-car30min.svg) right bottom / 100% no-repeat;
	z-index: 9;
}
.spot .ticket_deco {
	width: 33%;
	padding: 33% 0 0;
	height: 0;
	position: absolute;
	top: -0.85%;
	right: 6%;
	background: url(../img/ticket_deco.png) top center / contain no-repeat;
	z-index: 9;
}
.spot ul {
	padding: 6vw;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.spot ul li {
	box-sizing: border-box;
	/* border: 1vw solid #FFF; */
	background: #FFF;
	padding: 4vw 6vw 6vw;
	margin: 0 0 6vw;
}
.spot ul li .logo {
	width: 100%;
}
.spot ul li h4 {
	width: 100%;
	height: 22vw;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-bottom: 1px solid #000;
}
.spot ul li.kisen h4 {
	background: url(../img/spot01-h3-kisen.png) center top / contain no-repeat;
}
.spot ul li.rikyu h4 {
	background: url(../img/spot02-h3-rikyu.png) center top / contain no-repeat;
}
.spot ul li.museum h4 {
	background: url(../img/spot03-h3-museum.png) center top / contain no-repeat;
}
.spot ul li.retro h4 {
	background: url(../img/spot04-h3-retro.png) center top / contain no-repeat;
}
.spot ul li.itiba h4 {
	background: url(../img/spot05-h3-itiba.png) center top / contain no-repeat;
}
.spot ul li.rekishikan h4 {
	background: url(../img/spot06-h3-rekishikan.png) center top / contain no-repeat;
}
.spot ul li.nihachiya h4 {
	background: url(../img/spot06-h3-nihachiya.png) center top / contain no-repeat;
}
.spot ul li .addr {
	text-align: center;
	font-size: 1.1em;
	line-height: 1.3em;
	padding: 3vw 0 0;
}
.spot ul li .open {
	text-align: center;
	padding: 1vw 0 0;
}
.spot ul li .tel {
	text-align: center;
	font-size: 2em;
	line-height: 1.2em;
	border-bottom: 1px solid #000;
	padding: 2vw 0 3vw;
}
.spot ul li .read {
	text-align: center;
	font-size: 1.25em;
	line-height: 1.3em;
	padding: 3vw 0;
	color: #DC7584;
}
.spot ul li p {
	text-align: justify;
}
.spot ul li .data {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 4vw 0;
    margin: 2vw auto 3vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.spot ul li .data .tel {
    padding: 2vw 0 0;
    border-bottom: 0;
}
.spot ul li .open2 {
    text-align: left;
    padding: 2vw 0 0 5em;
    text-indent: -5em;
    margin: 0 auto;
    display: inline-block;
}
.spot ul li img {
	width: 100%;
	padding: 2vw 0 0;
}

.footlinks {
	text-align: center;
	padding: 4vw;
}
.footlinks a:hover {
	opacity: 0.7;
}
.copyright {
	background: url(../img/area-bg.jpg) center / 120% auto no-repeat;
	font-size: 0.9em;
	text-align: center;
	padding: 3vw 0 3.733333vw;
	background-color: #fcf6e8;
}
.copyright_bnr {
	line-height: 1;
	margin: 15px auto 20px;
}
.copyright p {
	font-size: 3.148vw;
	line-height: 1.5;
}

/*ロゴ*/
#header {
    width: 100%;
    height: 45px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    box-sizing: border-box;
}
#logo {
    width: 100px;
    max-width: 30vw;
}
#logo a img {
    max-width: 100%;
}
#logo_lp {
    width: 100px;
    max-width: 30vw;
}
#logo_lp a img {
    max-width: 100%;
}

.subject_hotel {
    width: 90%;
    margin: 0 auto;
}

.subject_hotel img {
	max-width: 100%;
}

/********** pagetop **********/
#pagetop {
	display: none;
    position: fixed;
    right: 2vw;
    bottom: 11vw;
    z-index: 9999;
    cursor: pointer;
    transition: .4s;
    background-color: #f5a200;
	width: 40px;
	height: 40px;
    border-radius: 50%;
}
#pagetop::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0 10px;
	border-top: 13px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 13px solid #fff;
	border-left: 8px solid transparent;
	position: absolute;
	top: -16px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#pagetop:hover {
    opacity: 0.7;
}
#pagetop.fix {
	opacity: 0.9;
    display: block;
}

/*SP END*/
}