
body{
	margin:0;
	padding:0;
	text-align: center;
	font-family: 'Tinos',osaka,meiryo;
	background-color: #fff;
}

p{
	margin-bottom:1.5em;
}
div.container{width:1000px;max-width:1000px;margin-left:auto;margin-right: auto;text-align: left;}
div.container.regular-event div#content{margin-top:30px;}
div#head{
	position: relative;
	width:900px;
	margin:0 auto;
	margin-bottom:20px;
}

div#head a{
	text-decoration: none;
}

div#toplogo{
	float:left;
	width:650px;
	overflow-x:hidden;
}

div#toplogo a{
	display:block;
	background-image:url(../img/top-logo.png);
	width:650px;
	height:83px;
	background-position:left 5px;
}

div#title-field{
	font-family: 'Tinos', serif;
	font-size:30px;
	line-height:200px;
	height:200px;
	text-align:center;
}
div#title-field span{
	border-bottom:1px solid #666;font-weight:100;
}

div#contact-button{
	position: absolute;
	width:100%;
	text-align:center;
	clear:both;
}

div#contact-button a{
	width:250px;
	height:32px;
	margin-left: auto;
	margin-right: auto;
	box-shadow:0 0 2px 1px #888;
	display: block;
}


div#contact-label{
	float:right;
	height:70px;
	font-size:16px;
	text-align:center;
	margin-top:10px;
}

div#contact-label div.phonenumber{
	font-size:16px;letter-spacing:3px;color:#70ade2;display:block;margin-bottom:4px;
}

div#contact-label div.orderline{
	font-size:12px;
	color:#666;
}
hr.topline{
	border:1px solid #A48B78;width:1000px;margin-left:auto;margin-right:auto;clear:both;
}

ul#menu{
	padding:0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}
ul#menu > li{
	position: relative;
	list-style-type: none;
	padding:0;
	margin: 0;
	float: left;
	text-align: center;
	border-right: 1px solid #ddd;
}
ul#menu > li.split{
	width:2px;
	height: 50px;
}
ul#menu > li:last-child{
	border-right:none;
}

ul#menu li a{
	font-family: 'Tinos', serif;
	color:black;

}
ul#menu a{
	line-height: 22px;
	vertical-align: center;
	letter-spacing: 3px;
	color:gray;
	text-decoration: none;
	font-size:14px;
	display: block;
	background-repeat: no-repeat;
	border-right:1px solid white;
	font-family: 'Tinos', serif;
	font-weight: normal;
	text-align: center;
	padding-left:3px;
	width:100%;
}

ul#menu a span{
	display: block;
	font-size:10px;
	line-height: 18px;
	color: #888;
	font-family: sans-serif;
	font-weight: normal;
	text-align: center;
	width:100%;
	position: relative;
}

ul#menu li ul.submenu{
	display: none;
	margin:0;
	padding:0;
	width: 100%;
	position: absolute;
	white-space: normal;
	z-index:20000;
}

ul#menu li ul.submenu li{
	width: 100%;
	display: block;
	clear:left;
	background-color: white;
	border-bottom:1px solid #f0f0f0;
}
ul#menu li ul.submenu.line1 li a{
	line-height:35px;
	border-right:none;
}
ul#menu li:hover ul.submenu{display: block;}
ul#menu li:hover ul.submenu li a:hover{background-color: #fafafa;}

ul#menu a:hover{
	background-color: #f0f0f0;

}

div#content{
	clear:both;
	color: #666;
	font-size:14px;
}
div#topimage{
	width:900px;
	height:600px;
	overflow: hidden;
	margin:0;
	position: relative;
    filter: inherit;
    z-index:10000;
}

div#topimage *{
	position: relative;
}

div#imginc{
	margin-left:auto;
	margin-right: auto;
	width:900px;
	text-align: left;
	z-index: 99999;
}
div#greeting{
	width:540px;
	height:67px;
	float:left;

	background-position: 0px 0px;
	font-size:12px;
	padding:10px;
	line-height: 22px;
	/*
	background-color: #f9f9f9;*/
	border-right:1px dashed silver;
	border-bottom:1px solid #c0c0c0;
	border-bottom-left-radius:15px;
}
div#greeting p{
	margin:0;
	margin-left:1em;
}

div#infonews{
	margin-left:561px;
	width:339px;
	height:90px;
	background-color:white;
	position: relative;/*
	background-color: #f9f9f9;
	border-bottom:2px solid #c0c0c0;
	border-bottom-right-radius:15px;*/
	overflow-y: scroll;
	overflow-x: hidden;
}
div#infonews div.gp{
	padding:5px;
	background-color: #f9feff;
	border-top:none;
	border-bottom:1px solid silver;
}
div#infonews div.gp:hover{
	background-color: rgba(240,240,240,0.9);
}

div#infonews div.gp div.date{font-weight: bold;}
div#infonews div.gp div.title{margin-left:4px;}
div#infonews div.gp div.title,
div#infonews div.gp div.date{
	font-size:12px;
}

div#infonews div.gp:hover div.info{
	display: block;
	cursor: default;
}

div#fblink{
	position: absolute;
	bottom:0px;
height:59px;

}
div#fblink a:hover{
	background-color: rgba(200,225,255,0.5);
}
div#fblink a{
	display: block;
	width:200px;
	height:59px;
	background-image: url(../img/facebook.png);
	background-repeat: no-repeat;
	background-position: center center;
}

div#infonews div.gp div.info h2{
	font-size:20px;
	margin:0;
	margin-bottom:2px;
	border-bottom :1px solid black;
	font-weight:normal;
}

div#sqmenu,div#pricemenu{
	margin-top:30px;
	margin-bottom:40px;
	text-align:center;margin:0 auto;
}
div#sqmenu a{
	display: block;
	margin-left:12.5px;
	margin-right:12.5px;
	height:230px;
	width:200px;
	background-color: #fff;
	vertical-align: top;
	font-size:20px;
	background-size:contain;
	background-position:center bottom;
	background-repeat:no-repeat;
	text-align: center;


	font-weight:normal;
	color:#666;display:inline-block;font-size:20px;
	text-decoration: none;
	box-shadow:2px 2px 5px #f5f5f5;
}


div#sqmenu a:hover{

}
div#pricemenu{
	/*padding-top:40px;*/
	/*background-image: url(../img/menuandprice.png);*/
	background-repeat: no-repeat;

}
div#pricemenu a{
	display: block;
	float:left;
	height:90px;
	width:225px;
	background-color: #def;
}
div#pricemenu a:hover{
	background-color: #acf;
}
div#footer{
	font-size:12px;
	text-align: center;
	margin-top:40px;
}



*.optiongp{
	width:1000px;
	height:330px;
	margin-left:auto;
	margin-right:auto;
	line-height:20px;
	margin-bottom:10px;
	background-position: center right;
	background-repeat: no-repeat;
	border:1px solid white;
}

*.optiongp h3{
	/*text-shadow: 1px 1px 2px #000,1px 2px 1px #000;
	color:white;*/
	color:black;
	margin:20px;
	margin-left:60px;
	margin-top:60px;
	font-size:26px;
	font-weight: normal;
	color:#666;
}
*.optiongp h3 span{
	border-bottom:1px solid #666;
}

*.optiongp *.text{
	margin-left:100px;
	line-height: 26px;
	font-size:16px;
	text-shadow: 1px 1px 1px #fff,1px 1px 2px #fff;
	margin-bottom:10px;
}



*.optiongp *.text *.size{font-size:12px;line-height:13px;text-align: right}


*.tileimage{
	display:inline-block;
	background-color:white;
	box-shadow:0 0 1px 1px #eee;
	padding-left:4px;
	padding-right:4px;
	z-index: 100;
	position: relative;
}
*.tileimage:hover{
	box-shadow:0 0 3px 1px #aaa;
	z-index: 200;
}
div.gallery{
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:20px;
	display: inline-block;
	text-align: center;
	border-radius: 5px;
}

div.gallery img{
}
div.gallery h4{
	font-size:22px;
	font-family: consolas;
	margin:0;
	margin-bottom:15px;
	margin-top:5px;
	background-color: #cc9966;
	line-height: 36px;
	color:#fff;
}

p.link span{
	display: inline-block;
	width:100px;
	text-align: center;
}

p.social-icons a{
	display:inline-block;
	width: 48px;
	height: 48px;
	overflow:hidden;
	margin:16px;
	background-size: cover;
	text-indent: -1000000px;
}


p.social-icons a.facebook{
	background-image:url(../img/icon-facebook.png);
}
p.social-icons a.instagram{
	background-image:url(../img/icon-instagram.png);
}
p.social-icons a.ameblo{
	background-image:url(../img/sns/blog-big.png);
}
p.social-icons a.ameblo:hover{

}
p.social-icons a.line{
	background-image:url(../img/sns/line-at.png);
}

*.hidden{
	display: none;
}


div.fixed-center{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(0,0,0,0.75);
}

div.fixed-center div.box{
    height:300px;
    background:green;

    position:absolute;
    top:50%;
    left:50%;
    margin:-150px 0 0 -150px;

	box-shadow: 0 0 20px 0 #fff;
	background-color: rgba(230,230,230,1.0);
	border-radius: 5px;
	padding:5px;
}

div.close-button{
	cursor:pointer;
	width:60px;height:20px;
	border:1px solid rgba(230,230,230,1.0);
	line-height:20px;
	text-align:center;
	background-color: rgba(240,240,240,1.0);
	color:black;
	font-weight: bold;
	border-radius: 10px;
	font-size:12px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 0 5px 0 #333;
}

div.close-button:hover{
	box-shadow: 0 0 5px 0 #000;
}


div.credit{
	margin-top:12px;
	font-size:14px;
	line-height:24px;
}

div#sitemap{
	margin-top:40px;
	background-color:#f6f7f8;
	border-top:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
	color:#888;
	vertical-align: top;
	font-size:14px;
	white-space: nowrap;
}

div#sitemap div#sm-logo.gp{
	width:250px;
	margin-left:0;
	margin-right: 70px;
}
div#sitemap div#sm-logo.gp img{
	display: block;
	margin:0 auto;
	margin-bottom:10px;
	font-size:14px;
}

div#sitemap div#sm-logo.gp span.tel{
	font-size:16px;
}
div#sitemap div.gp{
	margin-top:30px;
	margin-bottom:30px;
	margin-left:0;
	display: inline-block;
	width:200px;
	vertical-align: top;
	text-align: left;
	color:#888;
	font-family: osaka,meiryo;
	font-weight: normal;
	border:none;
}

div#sitemap div.gp h4{
	margin:0;
	margin-bottom:10px;
	font-weight: normal;
	font-size:18px;
}

div#sitemap div.gp ul{
	margin:0;
	padding:0;

}

div#sitemap div.gp ul li{
	line-height:30px;
	list-style: none;
	background-image:url(../img/list-circle.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 16px;
}

div#sitemap div.gp ul li a{
	color: #666;
	font-size:16px;
	text-decoration: none;
}

div#sitemap div.gp:nth-child(4){
	margin-left:30px;
}

div#sns-link{margin-top:15px;text-indent: 12px;}

div#sns-link a{display: inline-block;width:40px;height:40px;line-height: 40px;}
div#sns-link a:nth-child(1) img{border-radius:5px;border:1px solid #a5a5a5;background-color: #888;}
div#sns-link a:nth-child(2) img{opacity: 0.5;}
div#sm-footer{
	width: 900px;
	margin:0 auto;
	text-align: right;
	padding-right: 30px;
	font-size:16px;
	color:#888;
	vertical-align: bottom;
}
div#sm-footer a{color:#888;font-family: osaka,meiryo;line-height: 22px;height:22px;vertical-align: bottom;display: inline-block;text-decoration: none;}
div#sm-footer a.border-block{padding:3px 16px;margin:0 10px;margin-bottom:5px;border:1px solid #888;}
div#sm-footer a:nth-child(2){margin-bottom:6px;display: inline-block;}
hr{border-bottom: none !important;}

*.ul{border-bottom:1px solid #888;}


div.regular-event div a{
	width: 800px;
	display: block;
	margin:0 auto;
}


body.medium div#toplogo a{
	display:block;
	background-image:url(../img/top-logo-mobile.png);
	width:500px;
	height:83px;
	background-position:left 0;
}



body.medium{overflow-x:hidden;width: 500px;}
body.medium div#head{width: 500px;}
body.medium hr.topline{width: 500px;}
body.medium div#toplogo,body.medium div#toplogo a{width: 500px;}
body.medium div#toplogo a{width:450px;margin: 20px auto;margin-bottom:5px;display: block;background-size: contain;background-repeat:no-repeat;}
body.medium div#contact-label{margin:0 auto; width: 100%;}
body.medium div.container{width: 500px !important;margin:0 auto;}
body.medium ul#menu{width:500px;}
body.medium div#content{width:500px;}
body.medium div#sitemap{width:500px;margin-top:10px auto;}
body.medium div#sitemap div.gp{width: 100%;margin:0 auto;}
body.medium div#sitemap div.gp{display: block;margin: 0 !important;padding: 0;}
body.medium div#sitemap div.gp h4{
	background-color: #f0f0f0;
}
body.medium div#sitemap div#sm-logo{margin:10px auto !important;}
body.medium div#sitemap div#sm-footer{width: 100%;margin:0;padding:0;}
body.medium div#footer{width: 100%;}
body.medium div#footer hr{width: 100% !important;}

body.medium iframe{width: 500px;}

body.medium div.regular-event div a{
	width: 420px;
}