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


/*ここからメイン*/
#blogcontent{
	width:980px;
	height:1600px;
	margin-left:auto;
	margin-right:auto;
}

#route{
	width:auto;
	height:auto;
	margin-left:30px;
	font-size:13px;
}



#blog{
	width:auto;
	height:auto;
	margin-left:30px;
}

.blogbana{`
	width:auto;
	height:auto;
	margin-bottom:40px;
}

.caption{
	float:left;
}

#blog_bigbox{
	width:920px;
	margin-left:auto;
	margin-right:auto;
}

.blog_box1_a {
    width: 280px;
	height:500px;
    margin-bottom: 20px;
	float:left;
	margin-right:40px;
	
}

.blog_box1_b {
    width: 280px;
	height:500;
    margin-bottom: 20px;
	float:left;
}



.blog_box1_size_a{
	width:280px;
	height:280px;
	padding:0px;
}

.blog_box1_size_b{
	width:280px;
	height:280px;
	margin:0px;
	padding:0px;
}


.blog_box2_a{
    width: 280px;
	height:200px;
    margin-bottom: 20px;
	margin-top:10px;
	text-align:center;
	float:left;
}

.blog_box2_b{
    width: 280px;
	height:200px;
    margin-bottom: 20px;
	margin-top:10px;
	text-align:center;
	float:left;
}

.yuri_box{
	width:460px;
	height:350px;
	float:left;
}

.blog_box_yuri {
    width: 460px;
	height:200px;
	
}

.yammy_box{
	width:460px;
	height:350px;
	float:left;
}



.blog_box_yammy {
    width: 460px;
	height:200px;
}



.title_blog {
	font-family: 'EB Garamond', serif;
    font-size: 20px;
    color: #333;
    margin-top: 10px;
    font-weight: bold;
}

.comment_blog {
    font-family: "ＭＳ Ｐゴシック","Osaka";
    font-size: 12px;
    line-height: 22px;
    color: #333;
    margin-top: 10px;
}

.link_blog {
    font-family: "ＭＳ Ｐゴシック","Osaka";
    font-size: 10px;
    color: #F06;
    margin-top: 10px;
}

.title{
	width:920px;
	height:auto;
	margin-left:30px;
}

.bigfont{
	font-size:24px;
	font-weight:bold;
	border-bottom: 1px dotted #666;
	margin-bottom:20px;
	font-family: 'EB Garamond', serif;
}

.title2{
	width:430px;
	height:auto;
	margin-left:30px;
	float:left;
}

.title3{
	width:430px;
	height:auto;
	float:left;
	margin-left:30px;
}


#osaka_insta{
	width:460px;
	height:auto;
	float:left;
}

#kyoto_insta{
	width:460px;
	height:auto;
	margin-left:30px;
	float:left;
}

.staff_instagram1{
	width:200px;
	height:auto;
	margin-left:30px;
	margin-bottom:30px;
	float:left;
}
.staff_instagram2{
	width:200px;
	height:auto;
	margin-left:30px;
	margin-bottom:30px;
	float:left;
}

.staff_instagram3{
	width:200px;
	height:auto;
	margin-left:30px;
	margin-bottom:30px;
	float:left;
}


.insta_caption{
	width:auto;
	height:auto;
	margin-top:20px;
	font-size:15px;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
}

.staff_pic{
	width:200px;
	height:200px;
}



/* Float Shadow */

.float-shadow {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
}

.float-shadow:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}

.float-shadow:hover:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}


	
/*ここまでメイン*