@charset "UTF-8";

/* メニュー ------------------------*/

#bg_aneeds{
    padding:2% 0 0;
/*	background:url(../img/aneeds/bg_aneeds.jpg) no-repeat center 100px;
	background-size:100%;
	width:100%;
*/
}



#bg_aneeds img.stn{
	width:80%;
	margin:14% 10% 0 10%;
}

/*section#ikoi h1{
    width:100%;
	text-align:center;
	font-size:160%;
	font-weight:bold;
	color:#a03995;
	margin:50px 0;
}
*/
section#ikoi p{
	text-align:center;
}

ul.salon li{
	float:left;
	width:48%;
	margin:3% 4% 3% 0;
	line-height:200%;
}

ul.salon li:last-child{
	margin-right:0;
}

div.txt_ending{
	font-size:120%;
	text-align:left;
	margin-bottom:5%;
}

div.txt_ending span{
		font-size:150%;
}

div.txt_ending div#example{
	padding:3%;
	font-size:120%;
	color:#3d7037;
	background-color:#fffaf1;
	margin:2% 0;
}

dl#map{
	width:100%;

}

dl#map h3{
	width:100%;
	background-color:#a03995;
	color:#FFF;
	text-align:center;
	padding:12px 0;
	margin:20px 0;
	font-size:180%;
	clear:both;
}

dl#map dt{
	float:left;
	width:60%;
	margin-bottom:5%;
}

dl#map dt iframe{
	width:100%;
	max-width:700px;
	height:450px;
}

dl#map dd{
	width:40%;
	color:#000;
	text-align:left;
	padding:30px 0 30px 40px;
	font-size:140%;
	box-sizing:border-box;
	float:left;
}

dl#map dd a{
	color:#c48401;
	font-size:100%;
	text-decoration:none;
}

#shukatsu{
position:relative;
overflow:hidden;
}

#shukatsu h1{
    width:100%;
	text-align:center;
	font-size:200%;
	font-weight:bold;
	color:#a03995;
	margin:0 0 20px;
}

#shukatsu p{
	text-align:center;
	margin:0 0 20px;
	text-shadow:
	1px 1px 1px #fff,
    -1px 1px 1px #fff,
    1px -1px 1px #fff,
    -1px -1px 1px #fff;
	font-size:200%;
}

#shukatsu .shukatsuBlc01{
position:relative;
margin:0;
padding:30px 40px 220px ;
height:auto;
background-image:url(../img/aneeds/jizensoudan_img01.png);
background-size: 50% auto;
background-repeat:no-repeat;
background-position: right 100%;
background-color:#FFFAF1;
overflow:hidden;
}


#shukatsu .shukatsuBlc01 > h2{
position: relative;
width:80%;
maegin:0;
padding:0;
text-shadow:2px 2px 1px #ffffff;
text-align:left;
}

#shukatsu .shukatsuBlc01 > h2:after {
content: "";
display: block;
height: 4px;
background: -moz-linear-gradient(to right, rgb(123, 177, 4), transparent);
background: -webkit-linear-gradient(to right, rgb(123, 177, 4), transparent);
background: linear-gradient(to right, rgb(123, 177, 4), transparent);
}


#shukatsu .shukatsuBlc01 h2 img{
padding:0 0 10px;
width:671px;
height:72px;
}

#shukatsu .shukatsuBlc01 h3{
margin:2% 0;
text-align:left;
color:#60b827;
font-size:180%;
font-weight:bold;
}

#shukatsu .shukatsuBlc01 p{
font-size:120%;
text-align:left;
}

#shukatsu .shukatsuBlc02{
margin:0 0 5%;
padding:30px 40px 20px;
background:#FFFAF1;
}

#shukatsu .shukatsuBlc02 h3{
margin:0 0 3%;
padding:10px;
text-align:center;
color:#a03995;
font-size:180%;
font-weight:bold;
background: #e8bde3;
border-radius: 0 10px 0 10px;
}

#shukatsu .shukatsuBlc02 .imgBox{
position:relative;
margin:0 auto 5%;
text-align:center;
}

#shukatsu .shukatsuBlc02 .imgBox img{
width:80%
} 

#shukatsu .shukatsuBlc02 p{
color:#9de370;
font-size:180%;
font-weight:bold;
}


@media screen and (min-width:641px) and (max-width:1199px) {

section#ikoi h1{
	font-size:160%;
}

#shukatsu h1{
	font-size:200;
}

#shukatsu .shukatsuBlc01 h2{
width:100%;
}

#shukatsu .shukatsuBlc01 h2 img{
padding:0 0 10px;
width:671px;
height:72px;
}

#shukatsu p {
	font-size:200;
}

section#ikoi p,ul.salon li,div.txt_ending{
	font-size:130%;
}

div.txt_ending span{
		font-size:120%;
}


dl#map dd a{
	color:#c48401;
	text-decoration:none;
	font-size:100%;

}

}

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

#shukatsu .shukatsuBlc01{
position:relative;
margin:0;
padding:20px 20px 20px ;
height:auto;
background-image:url(../img/aneeds/jizensoudan_img01.png);
background-repeat:no-repeat;
background-position: right bottom;
background-color:#FFFAF1;
overflow:hidden;
}
#shukatsu .shukatsuBlc01 h2{
width:100%;
}

#shukatsu .shukatsuBlc01 h2 img{
width:100%;
height:100%;
}

}

@media screen and (max-width: 640px) {
/*#bg_aneeds{
	background:url(../img/aneeds/bg_aneeds.jpg) no-repeat center 95%;
	background-size:100% auto;
	width:100%;
}*/

#bg_aneeds img.stn{
	width:90%;
	margin:14% 5% 0 5%;
}


section#ikoi h1{
	font-size:160%;
	margin:0 0 20px;
}

#shukatsu h1{
	font-size:160%;
	margin:40px 0;
}

#shukatsu p{
	font-size:160%;
}

section#ikoi p{
	text-align:left;
	font-size:160%;
}

ul.salon li{
	line-height:140%;
	margin:3% 4% 0 0;
}
div.txt_ending div#example{
	font-size:100%;
}

div.txt_ending span{
		font-size:120%;
}

dl#map h3{
	font-size:120%;
}

dl#map dt{
	float:left;
	width:100%;
	margin-bottom:5%;
}

dl#map dt iframe{
	height:auto;
}

dl#map dd{
	width:100%;
	padding:3% 0 3% 3%;
	font-size:100%;
}

dl#map dd a{
	color:#c48401;
	text-decoration:none;
	font-size:100%;
}


#shukatsu .shukatsuBlc01 h2 img{
width:100%;
height:100%;
}

#shukatsu .shukatsuBlc01 h3{
margin:2% 0;
font-size:160%;
}

#shukatsu .shukatsuBlc02 h3{
margin:0 0 2%;
font-size:160%;
}

#shukatsu .shukatsuBlc02 p{
font-size:140%;
}


#shukatsu .shukatsuBlc02 .imgBox{
margin:0 0 5%;
padding:0;
}


}