@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 320px){
	
	main{
		xmargin-bottom:20px;
	}
	
	#submenu{
		margin-bottom:30px;
	}
	
	#submenu li a{
		display:block;
		padding:13px;
		border-bottom:1px solid #000;
		fonr-size:2rem;
	}
	
	#submenu li:first-child a{
		background-color:#0050c8;
		color:#fff;
	}
	
	#submenu li:last-child a{
		xbackground-color:#b8d302;
	}
	
	#contents{
		padding:0 5%;
		margin-bottom:30px;
	}
	
	.msg{
		text-align:center;
	}
	
	.msg h1{
		font-size:1.6rem;
		font-weight:normal;
		margin-bottom:0px;
		line-height:1.5em;
	}
	
	.msg h1 span{
		display:block;
	}
	
	.msg figure{
		margin-bottom:30px;
	}
	
	.msg h2{
		line-height:1.5em;
		margin-bottom:30px;
		text-align:left;
		font-weight:normal;
	}
	
	
	.enter, .info{
		margin-bottom:30px;
	}
	
	.enter p{
		line-height:1.5em;
		margin:0px;
	}
	
	.info p{
		line-height:1.5em;
		margin:0px;
	}
	
	.info span{
		background-color:#000;
		padding:0px;
		display:block;
		width:100px;
		text-align:center;
		color:#fff;
		margin:0 0 5px 0;
	}
	
	#Introduction{
		background-color:#a9dced;
		padding:30px 10px;
		background-image:url(../common/images/m_bg.png),url(../common/images/line.png);
		background-repeat:no-repeat,repeat-x;
		background-position:center 20px,left top;
		background-size:70%,100%;
		height:auto;
	}
	
	#Introduction h1{
		margin:0 auto 50px;
		text-align:center;
	}
	
	#Introduction h2{
		margin:0 auto 50px;
		text-align:center;
		font-size:1.7rem;
	}
	
	#Introduction h3{
		margin:0 auto 20px;
	}
	
	#Introduction p{
		margin-bottom:20px;
		line-height:1.5em;
	}
	
	#Introduction2{
		background-color:#faf274;
		padding:30px 10px;
		background-image:url(../common/images/g_bg.png),url(../common/images/line.png);
		background-repeat:no-repeat,repeat-x;
		background-position:center 20px,left top;
		background-size:60%,100%;
		height:auto;
	}
	
	#Introduction2 h1{
		margin:0 auto 50px;
		text-align:center;
	}
	
	#Photo{
		background-color:#fcc6ba;
		padding:30px 10px;
		background-image:url(../common/images/insta_bg.png),url(../common/images/line.png);
		background-repeat:no-repeat,repeat-x;
		background-position:center 70px,left top;
		background-size:70px,100%;
		height:auto;
		text-align:center;
		overflow:hidden;
	}
	
	#Photo h1{
		margin:0 auto 50px;
		text-align:center;
	}
	
	#Photo ul{
		padding-left:10px;
	}
	
	#Photo ul li{
		margin-bottom:20px;
		width:48%;
		float:left;
	}
	
	#Photo ul li img{
		width:100%;
		height:auto;
	}
	
	#lettre{
		background-color:#dfc1fb;
		padding:30px 10px;
		background-image:url(../common/images/l_bg.png),url(../common/images/line.png);
		background-repeat:no-repeat,repeat-x;
		background-position:center 20px,left top;
		background-size:100%,100%;
		height:auto;
	}
	
	#lettre h1{
		margin:0 auto 0px;
		text-align:center;
	}
	
	#access{
		background-color:#a2d200;
		padding:30px 0;
		background-image:url(../common/images/line.png);
		background-repeat:repeat-x;
		background-position:left top;
		background-size:100%;
		height:auto;
	}
	
	#access h1{
		margin:0 auto 10px;
		text-align:center;
	}
	
	#access address{
		line-height:1.5em;
		font-weight:normal;
		padding:30px 10px;
		font-style:normal;
	}
	
	#access address span{
		font-size:1.6rem;
		display:block;
		font-weight:bold;
	}
		
	.ggmap {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
		margin-bottom:10px;
	}
 
	.ggmap iframe,
	.ggmap object,
	.ggmap embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.contactbtn a:hover{
		opacity:.8;
	}
	
	.back a{
		display:block;
		background-color:#06C;
		color:#fff;
		padding:18px;
		width:150px;
	}
	
	.back a:hover{
		background-color:#FF0000;
	}

}


@media screen and (min-width: 480px){
	
	#Photo ul li{
		width:33%;
	}

}


@media screen and (min-width: 640px){
	
	#Photo ul li{
		float:left;
		width:280px;
		margin:0 15px 20px 0;
	}
	
	#Photo ul li img{
		width:100%;
	}
	
}


@media screen and (min-width: 981px){
	
	main{
		xbackground-color:#a8d93c;
	}

	
	#submenu{
		width:980px;
		margin:0 auto 50px;
		padding:30px 0 0px;
		overflow:hidden;
	}
	
	#submenu li a{
		display:block;
		width:120px;
		float:left;
		margin:0 30px 0px 0;
		padding:15px 0 0;
		text-align:center;
		border:none;
	}

	#submenu li:nth-child(3) a{
		width:160px;
	}
	
	#submenu li span{
		border-bottom:3px dashed #000;
		padding-bottom:15px;
		display:block;
	}
	
	#submenu li:first-child span{
		border-bottom:3px dashed #0050c8;
		xborder:none;
	}
	
	#submenu li a:hover{
		background-color:#e6002d;
		color:#fff;
	}
	
	#submenu li:first-child a:hover{
		background-color:#0050c8;
		color:#fff;
	}
	
	#submenu li:first-child a{
		background:#0050c8;
		color:#fff;
	}
	
	#submenu li:last-child a{
		margin-right:0;
	}

	#contents .contentsin{
		width:980px;
		margin:0 auto 50px;
		overflow:hidden;
	}
	
	.msg h1 span{
		display:inline-block;
		padding-left:20px;
	}
	
	.enter p{
		line-height:1.5em;
		margin-bottom:10px;
		padding-left:200px;
	}
	
	.info p{
		line-height:1.5em;
		margin-bottom:10px;
		padding-left:200px;
	}
	
	.info p span{
		display:inline-block;
		margin-right:10px;
		padding:0px;
	}
	
	#access{
		width:100%;
		margin:0 auto;
		overflow:hidden;
		padding:50px 0 70px;
	}
	
	.contentsin{
		width:980px;
		margin:0 auto 50px;
	}

	#Introduction{
		background-color:#a9dced;
		padding:50px 0 100px 100px;
		background-image:url(../common/images/m_bg.png),url(../common/images/line.png),url(../common/images/m_bg_btm.png);
		background-repeat:no-repeat,repeat-x,no-repeat;
		background-position:center 30px,left top,center bottom;
		background-size:464px,100%,722px;
		height:auto;
	}
	
	#Introduction h1{
		margin:0 auto 100px;
	}
	
	#Introduction h2{
		margin:0 auto 50px;
		text-align:center;
	}
	
	#Introduction h3{
		margin:0 auto 20px;
		text-align:center;
		font-size:1.2em;
	}

	#Introduction p{
		font-size:1.6rem;
		margin-bottom:30px;
		padding-left:50px;
	}
	
	#Introduction2{
		padding:50px 0 50px 100px;
		background-image:url(../common/images/g_bg.png),url(../common/images/line.png);
		background-repeat:no-repeat,repeat-x;
		background-position:center 20px,left top;
		background-size:407px,100%;
		height:auto;
	}
	
	#Introduction2 h1{
		margin:0 auto 50px;
		text-align:left;
		padding-left:320px;
	}
	
	#Photo{
		padding-bottom:100px;
		background-image:url(../common/images/insta_bg2.png),url(../common/images/line.png);
		background-repeat:no-repeat,repeat-x;
		background-position:center 70px,left top;
		background-size:400px,100%;
		height:auto;
	}
	
	#Photo h1{
		margin:50px 0 70px;
	}
	
	#Photo ul{
		padding:0;
	}
	
	#Photo ul li{
		float:left;
		width:150px;
		margin:0 15px 20px 0;
	}
	
	#Photo ul li:last-child{
		margin-right:0;
	}
	
	#lettre h1{
		margin:0 auto 0px;
	}

	
	#access .accessin{
		width:500px;
		float:left;
	}
	
	#access address{
		float:left;
		width:450px;
		padding:70px 0 30px 30px;
	}
	
	.ggmap{
		padding-bottom: 50%;
		text-align:center;
		margin:0px;
		border:20px solid #fff;
	}
	
	.ggmap iframe{
		width: 100%;
		height: 500px;
}


	
}