body {
  font-family: 'Nunito Sans', sans-serif;
  line-height:140%;
  font-size:14px;
  text-align:left;
  letter-spacing:0.04em;
  background:#fff;
}
.clearfix:after {
  clear: both;
  content: '';
  display: block;
}
@media screen and (min-width: 400px) {
	.wf-roundedmplus1c {
 	font-family: "Rounded Mplus 1c";
	}
}
@media screen and (max-width: 400px) {
	.wf-roundedmplus1c {
 	font-family: "Rounded Mplus 1c";
	font-size:12px;
	}
}
a {
 color:#000;
 text-decoration:underline;
 transition: all 200ms 0s ease;
}
a:hover {
 color:red;
}
p {
margin-top:0em;
margin-bottom:1em;
}
.ss {
 font-size:10px;
}
.small {
 font-size:12px;
}
.midium {
 font-size:16px;
}
.large {
 font-size:18px;
}
.bold {
 font-weight:bolder;
}
.right {
 text-align:right;
}
.center {
 text-align:center;
}
.line {
 border-bottom:1px dotted red; 
}
.red {
 color:red;
}
.pink {
 color:pink;
}
.gray {
 color:gray;
}
.marker {
background:rgba(0, 0, 0, 0) linear-gradient(transparent 70%, #CEF6F5 0%) repeat scroll 0 0;
}
.category {
 position:relative;
 top:-3px;
 margin-left:0.5em;
 border:1px solid red;
 border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px; 
 padding:1px 5px;
 font-size:9px;
 color:#fff;
 background-color:red;
}
.category-gray {
 position:relative;
 top:-3px;
 margin-left:0em;
 border:1px solid #ccc;
 border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px; 
 padding:1px 5px;
 font-size:1em;
 color:#fff;
 background-color:#ccc;
}
.btn a {
  color:#fff;
  text-decoration:none;
  background-color:#ccc;
  padding:10px;
  font-size:0.9em;
  transition: all 300ms 0s ease;
}
.btn a:hover {
  color:#fff;
  background-color:red;
}
img {
 width:100%;
}
nav {
 width:100%;
 border-bottom:1px dotted #000;
 text-align:center;
 padding-bottom:15px;
}
.main-nav {
 width:100%;
}
.post {
 position:relative;
 top:0;
 margin-bottom:6em;
}
.post-live {
 position:relative;
 top:0;
 margin-bottom:10em;
}
@media screen and (min-width: 400px) {	
	.main-nav a {
	margin: -1em auto auto auto;
	background: none;
	color: #000;
	display: inline-block;
	padding: 15px 5px 15px 5px;
	text-decoration: none;
	letter-spacing:0.1em;
	line-height:0.5em;
	}
	.main-nav .logo {
	margin-top:0;
	margin-left:15px;
	font-family: 'Arvo', serif;
	font-weight:normal;
	font-size:400%;
	letter-spacing:0.5em;
	line-height:120%;
	}
	.sns {
	position:relative;
 	top:0;
 	background: none;
 	color: #000;
 	font-size:25px;
 	display: block;
 	padding:15px 15px 5px 15px;
	}
	.contents {
 	max-width:1000px;
 	min-height:calc(100vh - 230px);
 	margin:0 auto auto auto; 
 	text-align:left;
 	padding:0px 15px 15px 15px;
	}
}
@media screen and (max-width: 400px) {
	.main-nav a {
	margin: -1em auto auto auto;
	background: none;
	color: #000;
	display: inline-block;
	padding: 15px 5px 15px 5px;
	text-decoration: none;
	letter-spacing:0.1em;
	line-height:0.5em;
	}
	.main-nav .logo {
 	margin-top:0;
	margin-left:15px;
	font-family: 'Arvo', serif;
 	font-weight:normal;
 	font-size:300%;
 	letter-spacing:0.5em;
 	line-height:100%;
	}
	.sns {
	position:relative;
 	top:0;
 	background: none;
 	color: #000;
 	font-size:18px;
 	display: block;
 	padding:4px 15px 4px 15px;
	}
	.contents {
 	max-width:1000px;
 	min-height:calc(100vh - 230px);
 	margin:-50px auto auto auto; 
 	text-align:left;
 	padding:0 12px 15px 12px;
	}
}

ul.disc {
 width:100%;
 width:100%;
 text-align:center;
 margin-left:-5px;
}
ul.text {
 text-align:center;
 font-size:12px;
}
@media screen and (min-width: 500px) {	
	ul.disc li {
 	max-width:480px;
 	max-height:480x;
 	display:inline-block;
 	margin-left:10px;
 	margin-top:5px;
	margin-bottom:5px;
	text-align:left;
	}
}
@media screen and (max-width: 500px) {	
	ul.disc li {
 	max-width:400px;
 	max-height:400px;
 	display:inline-block;
 	margin-left:10px;
 	margin-top:0px;
	margin-bottom:10px;
	text-align:left;
	}
}
.footer {
 position:absolute;
 bottom:0;
 width:100%;
 height:20px;
 text-align:center;
 padding:15px;
 border-top:1px dotted #000;
}

/* ページトップへ */
#pageTop {
 position: fixed;
 bottom:35px;
 right:0px;
} 
#pageTop a {
 display:block;
 z-index:999;
 padding:8px 0 0 8px;
 border:0px;
 background-color:none;
 color:#CCC;
 font-weight:bold;
 text-decoration:none;
 text-align:center;
 font-size:250%;
}

#pageTop a:hover {
 text-decoration: none;
 opacity: 0.7;
}

/* YouTube */
.movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
}
 
.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}