@charset "utf-8";

/* tumblr control */
iframe#tumblr_controls {
  top: 100% !important;
  margin: -30px 0 0 0;
  right: 5px !important;
  position: fixed !important;
}

/* common */

html{
	font-size: 62.5%;
}

body{
	-webkit-text-size-adjust: none;
	color:#202020;
	font-family:"メイリオ","ＭＳ Ｐゴシック",sans-serif;
	font-size:1.4em;
	letter-spacing: 0.1em;
	line-height:1.6;
	height: 100%;
	}

a{
	color:#ebebeb;
	text-decoration:none;
	outline: none;		
}

a:hover{
	text-decoration:underline;	
	}
	
img{
	width: 100%;
	height: auto;
	}

img.banner-shop{
	width: 300px;
	height: auto;
	}
	

header{
}

footer{
	padding: 1em 0;
	background: #f9f9f9;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.701961) 0px -2px 23px -5px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.701961) 0px -2px 23px -5px;
	-moz-box-shadow:rgba(0, 0, 0, 0.701961) 0px -2px 23px -5px;
}
  footer p{
	  text-align: center;
  }
  footer p img{
	  width: 98px;
	  height: 98px;
  }
  footer ul{
	  text-align: center;
  }
  footer li{
	  text-align: center;
	  display: inline-block;
	  font-size: 3em;
  }
    footer li a{
		color: #2B2B2B;
	}
	footer li a:hover{
		color: #1E550B;
	}

nav{
  /* box-shadow */
  box-shadow:rgba(0, 0, 0, 0.701961) 0px 8px 31px -14px;
  -webkit-box-shadow:rgba(0, 0, 0, 0.701961) 0px 8px 31px -14px;
  -moz-box-shadow:rgba(0, 0, 0, 0.701961) 0px 8px 31px -14px;
}

header nav {
	text-align: center;
	background: #0c1923;
}
header nav ul {
	margin: 0;
	padding: 1em;
	list-style-type: none;
	text-align: center;
}
header nav ul li {
	display: inline;
	margin-left: 1em;
	padding: 0 0.5em;
}

header nav ul li a:hover{
	color: #dfdfdf;
	text-decoration: none;
}

header nav ul li:first-child {
	margin-left: 0;
}
header nav ul li ul {
	display: none;
}


/* h tags */
h1{
	font-size: 3em;
	text-align: center;
	border-bottom: solid 1px ;
	padding: 0.5em;
	margin: 0.2em 0 0.5em;
}

h2{
	text-align: center;
	font-size: 2em;
	padding: 0.5em;
	margin: 0.5em 0;
	font-weight: bold;
}

h3{
	text-align: center;
	font-size: 1.5em;
	padding: 0.5em;
	margin: 0.2em 0;
	font-weight: bold;
}

h4{
	background: #800000;
	padding: 0.9em 0.7em;
	border-left: solid 4px #F8F4F1;
	margin: 1em 0 0.3em;
}

blockquote{
background-color: #F0F0F0;
padding:1em 1em 1em 3em;
position:relative;
}
blockquote:before{
content:"“" ;
font-family:”ＭＳ Ｐゴシック”,sans-serif;
font-size:600%;
line-height:1em;
color:#999;
position:absolute;
left:0;
top:0;
}
cite{
	font-size: 0.8em;
}

/* page top button */
/* back to the top button */
#pagetop a{
	background: #B14E4F;
	padding: 8px 25px;
	text-decoration: none;
	color: #FFF;
	font-size: 20px;
	/* transition */
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	position:fixed;
	right:16px;
	bottom:16px;
}

  #pagetop a:hover{
	  background: #CDCDCD;
  }


.wrap{
}

.eyecatch{
	min-height: 80%;
	background: url(../images/top.jpg) fixed;
	background-size: cover;
	color: #fff;
	text-align: center;
	background-position: center center;
}
@media(max-width: 992px){
	.eyecatch{
		background: url(../images/top.jpg) fixed;
		background-position: center center;
		min-height: 50%;
	}
}

.about{
	background: #E9E9E9;
  /* box-shadow */
  box-shadow:rgba(0, 0, 0, 0.701961) 0px 0px 44px -8px;
  -webkit-box-shadow:rgba(0, 0, 0, 0.701961) 0px 0px 44px -8px;
  -moz-box-shadow:rgba(0, 0, 0, 0.701961) 0px 0px 44px -8px;
}
  .about p{
	  text-align: center;
	  }
  .about-text{
	  text-align: center;
  }

.discription{
	padding: 5em 3em;
	margin-top: -10em;
	background: #fff;
	/* box-shadow */
	box-shadow:rgba(97, 97, 97, 0.65098) 0px -3px 8px -1px;
	-webkit-box-shadow:rgba(97, 97, 97, 0.65098) 0px -3px 8px -1px;
	-moz-box-shadow:rgba(97, 97, 97, 0.65098) 0px -3px 8px -1px;}
  .slider{
	  margin-top: 2em;
  }
    .slider img{
		width: auto;
		height: 150px;
	}
#pickup{
	color: #d52b2b;
	font-size: 2em;
	font-weight: bold;
}
.logo{
	text-align: center;
	margin-top: -10em;
	background:none;
}
  .logo img{
	width: 150px;
	height: 150px;
  }

.service{
	padding: 3em 0;
	background: #5f5f5f;
	color: #f8f4f1;
}
  .service section{
	  background: #AAAAAA;
	  padding: 1em 3em;
	  margin: 5em 0;
	  border: solid 3px #f8f4f1;
	  /* box-shadow */
	  box-shadow:rgba(13, 9, 4, 0.701961) 0px 11px 8px 1px;
	  -webkit-box-shadow:rgba(13, 9, 4, 0.701961) 0px 11px 8px 1px;
	  -moz-box-shadow:rgba(13, 9, 4, 0.701961) 0px 11px 8px 1px;
	  min-height: 470px;
  }
  	.service section > p{
		padding-left: 1em;
	}
	.service section ul{
		margin-left: 2.5em;
		list-style: disc;
	}
	.service section li{
	}
	.service section p a{
		color: #f8f4f1;
	}
	.service section p a:hover{
		text-decoration: underline;
	}
  .icons{
	  text-align: center;
	  margin-top: -4em;
  }
    .icons p{
		text-align: center;
		background: #ffffff;
		color: #AAAAAA;
		font-size: 3em;
		border: solid 3px #AAAAAA;
		display: inline-block;
		width: 1.5em;
		height: 1.5em;
		padding: 0 0 2px 2px;
		margin-bottom: 5px;
	}
.latetime{
	background: #15406a;
	border-radius: 7px;
	font-size: 0.9em;
	padding: 1em 0.5em;
	margin-top: 1em; 
}


.event{
	background: url(../images/bg.jpg) no-repeat fixed;
	background-position: center center;
	background-size: cover;
	padding: 5em 0;/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.701961) 0px 12px 10px -10px inset;
	-webkit-box-shadow:rgba(0, 0, 0, 0.701961) 0px 12px 10px -10px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.701961) 0px 12px 10px -10px inset;
}
@media(max-width: 992px){
	.event{
		background: #f9f9f9;
	}
}
  .event h2{
	  color: #5B5B5B;
	  font-weight: bold;
	  background: #E1E1E1;
  }
  .cal{
	  background: #fff;
	  padding: 1.4em;
	  margin: 1em;
	  /* border */
	  border:1px solid rgb(214, 214, 214);
	  /* box-shadow */
	  box-shadow:rgba(133, 133, 133, 0.701961) 0px 0px 17px -5px;
	  -webkit-box-shadow:rgba(133, 133, 133, 0.701961) 0px 0px 17px -5px;
	  -moz-box-shadow:rgba(133, 133, 133, 0.701961) 0px 0px 17px -5px;
  }

  .emb-cal{
	  width: 100%;
	  text-align: center;
}
  .emb-cal img{
	  width: 100%;
	  max-width: 845px;
	  height: auto;
	  margin: 0 auto;
}
  
  @media (max-width: 500px){
  }
  
.news{
}
  .news a{
	  color: #D55A5C;
  }
  .news a:hover{
	  color: #703132;
	  text-decoration: underline;
  }
  .news img{
	  width: 100%;
	  height: auto;
	 }
  .news h2{
	  border: solid 3px #fff;
	  margin: 0.5em 0 0;
  }
.newschapter{
	margin: 0.5em 0;
	background: #fff;
	/* border */
	border:1px solid rgb(214, 214, 214);
	/* box-shadow */
	box-shadow:rgba(133, 133, 133, 0.701961) 0px 0px 17px -5px;
	-webkit-box-shadow:rgba(133, 133, 133, 0.701961) 0px 0px 17px -5px;
	-moz-box-shadow:rgba(133, 133, 133, 0.701961) 0px 0px 17px -5px;
}
.tagsname{
	background: #5f5f5f;
	padding: 0.5em;
	color: #f9f9f9;
}
.newstitle{
	background: #1d2b38;
	color: #fff;
	padding: 1em;
   }
  .newstitle h1{
  	border-bottom: none;
  	font-size: 1.5em;
  	text-align: left;
  	margin: 0;
  }
.newsfooter{
	background: #F1F1F1;
	padding: 0.5em 1em;
	*zoom: 1;
   }
.newsfooter:after {
	content: "";
	display: block;
	clear: both;
}
.post-date{
	float: left;
	padding-top: 0.8em;
   }
.share{
	width: 100%;
	border-top: dotted 1px #c9c9c9;
	padding: 0 2em;
}
  .share p{
  	padding: 0.2em;
  	color: #b4b4b4;
  }


.social-icons{
	float:right
}
  .social-icons ul{
	  float: left;
	  font-size: 1.7em;
  }
  .social-icons li{
	  float: left;
	  padding: 3px;
  }
.tag{
}
  .tag ul{
  	margin: 0 1.5em 1em 1.5em;
  }
  .tag li{
  	float: left;
  }
  .tag li a{
  	background: #f9f9f9;
  	padding: 0.5em;
  	margin: 1em 0.5em;
  	display: inline-block;
  	border-radius: 0.5em;*zoom:1;
  }
  .tag ul:after{
	  content: "";
	  display: block;
	  clear: both;
  }


.textbody{
	padding: 1em 2em;
}
.textbody h2{
	text-align: left;
	font-size: 1.3em;
	background: #8d1d1d;
	padding: 0.5em;
	margin-bottom: 5px;
	border-top: 0;
	border-bottom: 0;
	border-left: solid 5px #ea9595;
	color: #fff;
}

.textbody h3{
	color: #d50000;
	font-weight: bold;
	text-align: left;
	margin: 0.7em 0 0.2em;
	padding: 0;
	font-size: 1.1em;
}
.textbody h4{
	color: #000;
	font-weight: bold;
	text-align: left;
	margin: 0.7em 0 0.2em;
	padding: 0;
	font-size: 1em;
}
.textbody ul{
	list-style: circle;
	padding-left: 2.5em;
}
.textbody img {
	margin: 0.5em 0;
}

.photobody{
}
.caption{
	padding: 1em 2em;
}
  
  
.sns{
	padding: 1em;
}
.twitter{
}
  @media(max-width:900px){
  	.twitter iframe{
  		height: 300px;
  	}
  }
.tagcloud{
	margin-bottom: 0.5em;
	padding: 0.5em 0 1em;
	background: #000;
}
  .tagcloud h3{
  	color: #fff;
  	border-bottom: solid 1px #fff;
  }
.tag_list{
}
.tag_list li{
	padding: 0.2em 1em;
	border-bottom: solid 1px #4a4a4a;
}
.pagebtn{
	padding: 0.5em;
	background: #fff;
	color: #2E2E2E;
	display: inline-block;
}

.access{
	padding: 3em 0;
	background: #1d2b38;
	color: #f8fafc;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.701961) 0px -8px 31px -14px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.701961) 0px -8px 31px -14px;
	-moz-box-shadow:rgba(0, 0, 0, 0.701961) 0px -8px 31px -14px;
}
  .access ul{
	  list-style: square;
	  margin-left: 1.5em;
	  font-size: 0.9em;
  }
  .access dl{
  }
  .access dt{
	  padding: 0.5em;
	  background: #416280;
	  margin-top: 0.5em;
  }
  .access dd{
	  padding: 0.2em;
  }
  .access iframe{
	  /* box-shadow */
	  box-shadow:rgba(34, 37, 51, 0.701961) 0px 11px 10px 1px;
	  -webkit-box-shadow:rgba(34, 37, 51, 0.701961) 0px 11px 10px 1px;
	  -moz-box-shadow:rgba(34, 37, 51, 0.701961) 0px 11px 10px 1px;
  }
  .access img{
	  max-width: 100%;
  }

.sp-link{
    margin-top: 0.3em;
}

.sp-link a {
	border: solid 2px #fff;
	border-radius:5px;
	display: block;
	padding: 0.5em;
	font-weight:bold;
}
.sp-link a:hover {
	background: #2b2bd5;
	color: #fff;
	border: solid 2px #fff;
	text-decoration: none;
	transition: 0.8s;
}