@charset "UTF-8";

/* CSS Document */


/* リセット */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

*{font-family: 'M PLUS Rounded 1c', sans-serif;
	  
} 
/* opera 9 */
;;body{
font-family:"メイリオ",Meiryo,sans-serif;
}
/* Internet Explorer 7 */
*:first-child+html body{
font-family:"メイリオ",Meiryo,sans-serif;
}
/* Internet Explorer 6 or sooner */
*html body{
font-family:"メイリオ",Meiryo,sans-serif;	
}
body{
	margin: 0 auto;
	background-color:#eee;
	
}

h2 img{
	font-family: 'Special Elite', cursive;
	padding-bottom:60px;
	text-align:center;
	font-size:2rem;
	width:100%;
}

#flex_contents{
	max-width:100%; 
	margin:0 auto;/* 余白指定 */
	height:auto;

	justify-content:space-around;	/*フレックスボックス中央揃え */
	flex-wrap: wrap;  /* 折り返し指定 */
	/* stickの回避コード */
	display: -webkit-box;
 	display: -moz-box;
  	display: -webkit-flexbox;
  	display: -moz-flexbox;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: -moz-flex;
  	display: flex;
	}


	#conte_left{
	width:30%;
	height:auto;
	padding-bottom:30px;
	padding-left:30px;
	}
	#conte_right{
	width: 60%;
	height: auto;
	padding-bottom: 30px;
	color: #000;
	padding-right:30px;
	
}
#conte_right img{
	max-width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
	}
@media screen and (max-width: 479px) { /*ウィンドウ幅が最大479pxまでの場合に適用スマホの縦に反映される*/
#conte_left{
	width:100%;
	height:auto;
	padding:0 20px;
	
	}
	#conte_right{
	width: 100%;
	height:auto;
	color: #000;
	padding:20px;	
}

}

	#st{
	position:sticky;
	margin-bottom: 0;
 	top: 80px;
 	z-index: 1;
	height:auto;
	top:10px;
  	position: -webkit-sticky;
  	position: sticky;
	}
	#conte_left p{
	font-family: 'Special Elite', cursive;
	color:#000;
	text-align: left;
	
	font-size: 1rem;
		}
		.menu{
			border-bottom: 1px #333 dashed;
			padding: 15px 15px 15px 0px;
			}
		.blog{
			border-bottom:none;
			padding: 20px 15px 5px 0px;
			line-height:1.8em;
			}
			.blog span{
				font-size:0.7rem;
				color:#C00;
				}
	#conte_left a{
	font-family: 'Special Elite', cursive;
	color:#000;
	text-decoration:none;
	}
	#conte_left a:hover{
		text-decoration:underline;
		color:#666;
		}
	
	.about_tex{
		font-family: 'M PLUS Rounded 1c', sans-serif;
		font-weight:300;
		text-align:left;
		font-size:0.9rem;
		line-height:1.7em;
		letter-spacing:0.01em;
		}
		@media screen and (max-width: 479px) { /*ウィンドウ幅が最大479pxまでの場合に適用スマホの縦に反映される*/
		.about_tex{
		font-family: 'M PLUS Rounded 1c', sans-serif;
		font-weight:400;
		text-align:left;
		font-size:0.9rem;
		line-height:1.7em;
		letter-spacing:0.01em;
		}
		.strong{
			font-family: 'M PLUS Rounded 1c', sans-serif;
			font-weight:400;
			font-size:1.2rem;
			padding-bottom:10px;
			letter-spacing:0.05em;
			
			}
		}
		.strong{
			font-family: 'M PLUS Rounded 1c', sans-serif;
			font-weight:300;
			font-size:1.2rem;
			padding-bottom:10px;
			letter-spacing:0.05em;
			
			}




h3{font-family: 'Fredericka the Great', cursive;
	/*font-family: 'Special Elite', cursive;*/
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
	font-size:2rem;
	color:#333;
	letter-spacing:0.05em;
	line-height:1.3em;
	}
	h3 span{
	font-family: 'Fredericka the Great', cursive;
	font-size: 1.3rem;
	letter-spacing: normal;
		}
	#fc{
	margin-top: 30px;
	margin-bottom: 60px;
		}
.tex01{
	width: 30%;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 400;
	font-size: 0.8rem;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-right:10px;
	letter-spacing: 0.05em;
	border-right: 1px #333 dashed;
	border-top: 1px #333 solid;
	vertical-align: text-top;
	}
.tex02{
	width: 70%;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 400;
	font-size: 0.8rem;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-top: 15px;
	letter-spacing: 0.05em;
	border-top: 1px #333 solid;
	vertical-align: text-top;
	}
	.tex02 span{
		font-size:0.7rem;
		color:#000;
		}
	#news {
	width: 100%;
	height: 380px;
	padding-bottom: 15px;
	}
	#news_j {
	width: 100%;
	height: 380px;
	padding-bottom: 15px;
	}
	.insta{
		background-image:url(../img/instagram.png);
		background-repeat:no-repeat;
		width:110px;
		height:35px;
		padding-top:25px;
		padding-left:45px;
		
		
		}
		.insta span{
		font-family: 'Raleway', sans-serif;
		font-size:0.8rem;
			}
	
/* #life_flex{
	width:100%;
	display: flex;  		フレックスボックスにする */
		/*justify-content:flex-start;行の開始位置から配置。左揃え。 */
	/* flex-wrap: wrap;  折り返し指定
	
	} */
.blog_link{
	text-align:center;
	font-size:0.9rem;
	margin:0 0 30px 0;
	}
.blog_link a{
	text-decoration:none;
	display:block;
	max-width:100%;
	padding:10px 0;
	background-color:#333;
	color:#fff;
}
.blog_link a:hover{
color:#3CC;
	text-shadow: -6px 0px 15px rgba(51, 255, 219, 1), 6px 0px 15px rgba(51, 255, 219, 1);
	transition: .4s;
	border-radius: 20px 20px 20px 20px;
}

@media screen and (max-width: 479px) { /*ウィンドウ幅が最大479pxまでの場合に適用スマホの縦に反映される*/
	
	h3 span{font-family: 'Fredericka the Great', cursive;
		font-size:1.6rem;
		letter-spacing:normal;
		
		}
		

}