@charset "utf-8";
#key {
	background:url(../img/party/key_bg.jpg) no-repeat center top / cover;	
}
#key p {
	position: absolute;
	top: 142px;
	right: 30px;
	text-align:right;	
}
.price {
	float: left;
	color: #b49c6d;
	font-size: 27px;
	padding-bottom: 10px;
	letter-spacing: 3px;
	font-weight: bold;	
}
.price span {
	font-size: 20px;	
}

/*#sec1 {
	background:url(../img/party/sec1_bg.png) no-repeat center top / cover;
}*/

#sec2 {
	background:/*url(../img/party/sec2_bg.png) no-repeat center top,*/ url(../img/party/sec2_line.png) repeat-x center top;
	
}
#sec2 .txttop {
	text-align:center;
	padding: 0 10px 0px 10px;	
}
#sec2 .title {
	width: 305px;
	margin:0 auto;
	font-family: "ヒラギノ明朝 Pro W4", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
#sec2 .title  h3 {
	text-align: center;
	font-size: 27px;
	letter-spacing: 2.3px;
	font-weight: bold;			
	padding: 10px 0;
}
#sec2 .title  .price {

	float: none;
    text-align: center;
}

#sec2 .photo4 {
	position: absolute;
	top: 394px;
	left:-57px;	
}


#sec3 {
	color: #000;	
}
#sec3 .txt {
	padding:0 10px 10px 10px;
	text-align:center;	
}

#sec3 .title {
	/*background:url(../img/access/sec1_line.png) repeat-x center top, url(../img/access/sec1_line.png) repeat-x center bottom;*/

	font-family: "ヒラギノ明朝 Pro W4", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	width: 318px;
    margin: 0 auto;
 
}
#sec3 .title h3 {
    /* float: left; */
    text-align: center;
    padding: 10px;
    font-size: 27px;
    /* line-height: 50px; */
    letter-spacing: 2.3px;
    font-weight: bold;
}
#sec3 .title .price {
    /* padding-left: 29px; */
    float: none;
    text-align: center;
}
#sec3 .txtbt {
	padding-top: 20px;
	text-align:center;	
}

#sec4 {
	border-top: 13px solid #000;
	/*background:url(../img/party/sec4_bg_in.png) no-repeat center 108px, url(../img/party/sec4_bg.png) no-repeat center top / cover;*/
	padding:10px 10px 0 10px;
	text-align:center;
}

/*10-1-2017*/
body {font-size: 14px; line-height: 28px}
#key {background: none}
#key img {width: 100%}
.clear {clear: both;}

#container #sec1 .content h2 {text-align: center;padding: 10px 10px 0 10px;}
#container #sec1 .content h2 img {max-width: 100%}
#container #sec1 .content .img img {width: 100%}

#container #sec2 .text_c {text-align: center; padding: 10px}
#container #sec2 .text_c img {max-width: 100%}

#container #sec2 .p1 .photo5 {
	width: 60%;
	margin-right: 5%;
	margin-bottom: 10px;
}
#container #sec2 .p1 .photo5 img {width: 100%}
#sec2 .p1 .photo1 {
		width: 31.5%
}
#sec2 .p1 .photo1 img {width: 100%}



#container #sec2 .p2 .photo5 {
	width: 31.5%;
	margin-right: 5%;
}
#container #sec2 .p2 .photo5 img {width: 100%}
#sec2 .p2 .photo1 {
		width: 60%
}
#sec2 .p2 .photo1 img {width: 100%}

#container #sec3 h2 {text-align: center; padding: 10px }
#container #sec3 h2 img {max-width: 100%}
#container #sec3 .bg img {width: 100%}
#container #sec3 .bga {margin:0 10px 10px 10px;}
#container #sec3 .bga img {width: 100%;}

#container #sec4 h2 {text-align: center;}
#container #sec4 h2 img {max-width: 100%}
#container #sec4 .diagram {text-align: center;}
#container #sec4 .diagram img{max-width: 100%}
#container #sec4 .txt {padding-bottom: 10px;}
#facebook {
    text-align: center;
    padding: 10px 0px;
}
#container #sec1 .content .txt {
    padding: 0 10px 10px 10px;
}
@media(max-width: 768px){

}
@media(max-width: 414px){

#sec2 .title {
    width: 380px;
}
.price, #sec2 .title  h3, #sec3 .title  h3 {
    font-size: 20px;
}
#sec2 .title {
    width: 300px;
}
#sec3 .title {
    width: 345px;
}
}
@media(max-width: 375px){
#sec2 .title .price {
    padding-left: 10px;
}
#sec2 .title {
    width: 281px;
}
#sec3 .title  .price {
	padding-left: 10px;
}
#sec3 .title {
    width: 326px;
}
}

@media(max-width: 320px){
#sec3 .title .price {
    padding-left: 8px;
}
#sec3 .title {
	padding: 10px 10px 0 10px;
}
#sec3 .title h3 {
    font-size: 19px;
}
#sec3 .title {
    padding: 10px 5px 0 3px;
}
}

#event{
	width:95%;
	margin:10px auto 0px auto;
}
#event p.tit{
	color:#FFFFFF;
	text-align:center;
	padding:15px 0;
	font-size:22px;
	background-color: #b49c6d;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#event p.txt{
	padding:15px 10px;
	background-color: rgba(255,255,255,0.6);
	color:#300;
	font-size:17px;
	font-weight:bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#event p.txt span{
	font-size:15px;
	font-weight: normal;
}

#sec6{
	padding:20px 0;

}
#sec6 h2{
	width:95%;
	margin:0 auto 10px auto;
	text-align: center;
	padding-bottom: 5px;
	font-size: 28px;
	line-height: 38px;
	border-bottom: 5px solid #b49c6d;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#sec6 .inner{
	width:100%;
	margin:0 auto;
}
#sec6 .inner .c{
	width:100%;
	padding:20px 0;	
	background-color: rgba(255,255,255,0.5);
	border: 1px solid #000;
}
#sec6 .inner .tit{
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	line-height: 35px;
	margin-top: 10px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#sec6 .inner .tit span{
	font-size: 20px;
}
#sec6 .menu{
    margin-top: 20px;
	padding: 0 10px;
    font-size: 15px;
    line-height: 26px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}