@charset "UTF-8";

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

 [brake-point]
 min-width:480px
 max-width:768px

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

.page_ttl_img {
	width: 100%;
	height: 640px;
	background: url(../img/student/bg_main_pic.jpg) center center no-repeat;
	background-size: cover;
}

.page_ttl_img .innerContainer {
	position: relative;
	width: 100%;
	max-width: 1000px;
	height: 100%;
	margin: 0 auto;
}

.page_ttl_img .ttl_copy {
	position: absolute;
	right: 0;
	bottom: -100px;
	width: 600px;
	min-height: 220px;
	padding: 50px 50px 10px 50px;
	background-color: #fff;
	box-shadow: 0px 0px 35px 5px rgba(0,0,0,0.1);
}

.page_ttl_img .ttl_copy::before {
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	display: block;
	width: 46px;
	height: 46px;
	margin: auto;
	content: '';
	overflow: hidden;
	background: url(../img/student/ico_ttl.png) 0 0 no-repeat;
}

.page_ttl_img .ttl_copy .ttl {
	text-align: center;
	font-size: 2rem;
}

.page_ttl_img .ttl_copy hr {
	display: block;
	width: 30px;
    height: 1px;
	margin: 15px auto;
	border: none;
    background-color: #07aee5;
}

#spot {
	padding-top: 110px;
}

#spot .shop {
	width: 100%;
	max-width: 860px;
	margin: 0 auto;
	padding-top: 70px;
}

#spot .shop__name {
	position: relative;
	margin-bottom: 25px;
	padding-left: 95px;
	color: #07aee5;
	font-size: 2.4rem;
}

#spot .shop__name::before {
	position: absolute;
	left: 0;
	bottom: 8px;
	width: 74px;
	height: 22px;
	border: 1px solid #07aee5;
	border-radius: 3px;
	content: '店舗名';
	color: #07aee5;
	font-size: 1.2rem;
	line-height: 20px;
	text-align: center;
}

#spot .shop__photo {
	float: left;
	width: 55.814%;
	max-width: 480px
}

#spot .shop__photo img {
	width: 100%;
	height: auto;
}

#spot .shop__content {
	float: right;
	width: 41.279%;
	max-width: 355px;
}

#spot .shop__recommend {
	width: 100%;
}

#spot .shop__recommend img {
	display: block;
}

#spot .shop__recommend .title {
	margin-bottom: 10px;
}

#spot .shop__recommend .description {
	width: 100%;
	padding: 20px;
	border-radius: 3px;
	color: #fff;
	line-height: 1.8rem;
	background-color: #2980b9;
}

#spot .shop__info {
	margin-top: 20px;
	border-bottom: 1px dotted #e4e4e4;
	width: 100%;
}

#spot .shop__info .title {
	color: #07aee5;
	font-size: 1.8rem;
}

#spot .shop__info dt {
	clear: both;
	float: left;
	width: 55px;
	border-top: 1px dotted #e4e4e4;
	padding: 10px 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#spot .shop__info dd {
	margin-left: 55px;
	padding: 10px 0;
}

#spot .shop__info dt + dd {
	border-top: 1px dotted #e4e4e4;
}

#spot .shop__info dd + dd {
	margin-top: -10px;
	padding: 0 0 10px 0;
}

#spot .shop__info dt:first-of-type,
#spot .shop__info dd:first-of-type {
	border-top: 1px solid #e4e4e4;
}

#spot .shop__info .location {
	background: url(../img/student/ico_location.png) center 9px no-repeat;
}

#spot .shop__info .telephone {
	background: url(../img/student/ico_telephone.png) center 14px no-repeat;
}

#spot .shop__info .time {
	background: url(../img/student/ico_time.png) center 13px no-repeat;
}

#spot .shop__info .holiday {
	background: url(../img/student/ico_holiday.png) center 13px no-repeat;
}