﻿@charset "Shift_JIS";

#SecondPage{
	background:#fff;
	width:996px;
	margin:0px;
	padding:2px;
	background:#fff;
	text-align:left;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

/*---- Title ----*/
#SecondPage h3{
	height:380px;
}
#SecondPage h3 a:first-child{
	display:block;
	background:url(/montsaintmichel_run//img/title001_2017.jpg) no-repeat 0 0;
	text-decoration:none;
}
#SecondPage h3 a span{
	display:block;
	padding:10px;
	height:170px;
	text-shadow:1px 1px 2px rgba(0,0,0,0.3);
	font-size:28px;
	line-height:120%;
	color:#fff;
}
#SecondPage h3 a + a{
	display:block;
	background:#0bf;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 2px rgba(0,0,0,0.3);
	font-size:42px;
	line-height:70px;
	color:#fff;
}
/*---- Catch ----*/
#Catch{
	padding:30px 0 0 20px;
}
#Catch img{
	float:right;
}
#Catch p{
	margin:5px 380px 0px 5px;
	font-size:16px;
	font-weight:bold;
	line-height:146%;
	color:#333;
}
#Catch p span{
	display:inline-block;
	border-radius:10px;
	margin:0 6px 0 6px;
	padding:2px 8px 0;
	background:#2cd;
	text-decoration:none;
	line-height:18px;
	color:#fff;
}
/*---- Link ----*/
.Link{
	padding:40px 18px 0;
}
.Link a{
	display:block;
	border-radius:8px;
	background:#fff;
	padding:3px;
	box-shadow:1px 1px 2px 0px rgba(0,0,0,0.4);
	transition:0.1s linear;
	text-decoration:none;
}
.Link a span{
	display:block;
	border-radius:6px;
	background:#f69;
	background:linear-gradient(to bottom, #ff99cc 0%, #ff3366 100%);
	text-align:center;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
	font-size:32px;
	font-weight:bold;
	line-height:94px;
	color:#fff;
}
.Link a span:first-letter{
	padding:0px 0px 0px 45px;
	background:url(/montsaintmichel_run/img/link.png) no-repeat 0px center;
}
.Link a:hover{
	transform:translate(0px,-8px);
}
.Link a:hover span{
	background:linear-gradient(to bottom, #ff3366 0%, #ff6699 100%);
	text-shadow:0px 0px 16px rgba(255,255,255,0.8);
	color:#ff0;
}
#Catch + .Link{
	padding:40px 128px 0;
}
.Link a span{
	font-size:24px;
	line-height:74px;
}

/*---- Photo ----*/
#Photo{
	position:relative;
	padding:80px 0px 70px;
}
#Photo .View{
	padding:20px 0px 0px;
	height:350px;
	background:#5ef;
}
#Photo .View #ChangePhoto{
	position:absolute;
	top:50px;
	left:20px;
	display:table-cell;
	padding:5px;
	width:560px;
	height:420px;
	background:#fff;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
	vertical-align:middle;
}
#Photo .View .Thumbs{
	margin:0px 0px 0px 611px;
	width:366px;
	height:331px;
	background:#fff;
}
#Photo .View .Thumbs a{
	display:block;
	float:left;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	width:72px;
	height:65px;
	opacity:0.5;
}
#Photo .View .Thumbs a:hover{
	opacity:1.0;
}
/*---- Section ----*/
#SecondPage .Section{
	margin:0;
	padding:8px;
	background:#5ef;
}
#SecondPage .Section div{
	border-radius:8px;
	padding:0px 0px 20px;
	background:#fff;
	box-shadow:1px 1px 2px 0px rgba(0,0,0,0.2);
	overflow:hidden;
}
#SecondPage .Section div h4{
	border-radius:8px 8px 0 0;
	background:url(/montsaintmichel_run/img/section101.png) no-repeat right 0px #fff;
	text-indent:20px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
	font-size:30px;
	font-weight:bold;
	line-height:70px;
	color:#fff;
}
#SecondPage .Section div:first-child ul{
	margin:14px 20px 20px;
}
#SecondPage .Section div:first-child ul li{
	padding:6px 0px 0px 32px;
	background:url(/montsaintmichel_run/img/section104.png) no-repeat left 7px;
	font-size:16px;
	line-height:120%;
}
#SecondPage .Section div ul a::before{
	display:inline-block;
	content:"";
	margin:0 4px 0 0;
	width:5px;
	height:5px;
	border-top:2px solid #f90;
	border-right:2px solid #f90;
	transform:rotate(45deg);
}
#SecondPage .Section div:first-child .CourseBottom{
	padding:0 20px;
	overflow: hidden;
	clear: both;
}
#SecondPage .Section div:first-child .CourseBottom a{
	float:left;
	border-radius:8px;
	border:2px solid #5ef;
	display:block;
	padding:3px 3px 5px;
	width:450px;
	box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2);
	transition:0.1s linear;
	text-decoration:none;
}
#SecondPage .Section div:first-child .CourseBottom a span{
	display:block;
	margin:0 2px 0 7px;
	padding:6px 0 0 0;
	background:url(/montsaintmichel_run/img/section105.png) no-repeat right bottom;
	font-size:16px;
	font-weight:bold;
	line-height:150%;
	text-align:left;
	color:#666;
}
#SecondPage .Section div:first-child .CourseBottom a + a{
/*	float:none;*/
	margin:0 0 0 20px;
}
#SecondPage .Section div:first-child .CourseBottom a:hover{
	transform:translate(0px,-6px);
	opacity:0.5;
}
#SecondPage .Section div + div{
	margin:8px 0 0;
}
#SecondPage .Section div + div ul{
	padding:15px 30px 40px;
}
#SecondPage .Section div + div ul li{
	position:relative;
	border-bottom:1px dotted #eee;
	padding:25px 0 15px 112px;
	min-height:100px;
	font-size:16px;
	line-height:140%;
}
#SecondPage .Section div + div ul li h5{
	margin:0;
	font-size:22px;
	font-weight:bold;
	line-height:120%;
	color:#09c;
}
#SecondPage .Section div + div ul li h5 span{
	position:absolute;
	top:15px;
	left:0;
	display:block;
	border-radius:50px;
	width:100px;
	height:100px;
	background:linear-gradient(to bottom, #ffdd77 0%, #ffcc66 100%);
	text-align:center;
	font-size:56px;
	font-weight:normal;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	line-height:100px;
	color:#fff;
}
#SecondPage .Section div + div ul dd{
}
#SecondPage .Section .logo_link ul{
padding: 0 !important;
margin:5px 0 !important;	
	}
#SecondPage .Section .logo_link ul li{
background: none !important;
padding: 0 !important;
margin: 5px 0;
	}
.logo_link {
    border-radius: 0 !important;
    box-shadow: none !important;
	height: 298px;
}