@charset "utf-8";

body{
background:#eeeeee; 	
margin:0;
font-family: 'TsukuARdGothic-Regular','Yu Gothic','Ebrima','PT Sans Caption',sans-serif;
letter-spacing: 0.5pt;
color:#000000;
width:100%;
}

header{
position:fixed;
background:#ffffff;
height:80px;
width:100%;
} 
header img{
float:right;
margin:15px 15px 10px 10px;
}

.creema-icon{
width:auto;
height:170px;
margin-top:10px;
margin-bottom:15px;
}

a{
text-decoration:none;
color:#333366;
}

a:hover{
text-decoration:underline;
color:#003366;
}

p{
font-size:95%;
line-height:2;
}

.topimg{
margin-top:67px;
width:100%;
}

.infojpg{
margin-top:10px;
width:70%;
}

.saiji{
padding:10px;
width:20%;
height:auto;
}

.creativemotion{
font-size:80%;
}

.link{
font-size:70%;
}

h3{
font-size:100%;
color:#5a544b;
border-left:7px solid #5a544b;
border-bottom:0pt solid #5a544b;
padding-left:5px;
}

h4{
margin-left:10px;
font-size:100%;
border-left:7px solid grey;
border-bottom:0pt solid pink;
padding-left:5px;
}

section{
background:;
padding-top:5px;
margin-left:50px;
margin-right:50px;
margin-bottom:40px;
}


section ul{
background:;
margin:0 0 0 0;
padding:0 0 0 0;
list-style-type:none;
}

section li{
color:#180614;
background:;
margin:10 0 0 0;
padding:0 0 0 0;
border:0px solid blue;
}

section li time{
color:#180614;
font-size:105%;
font-weight:bold;
background:;
line-height:1;
}

b{
color:#180614;}

table{
width:100%;
}

table th,td{
text-align:left;
padding: 5px 5px;
}
 
th{
background:#aaa;
color:#fff;
text-align:left;
width:100px;
}

td{
padding-left:20px;
}

div.update{
font-size:80%;
text-align:center;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}

div.onlineshop{
margin-top:15px;
padding-bottom: 10px;
border-bottom:thin solid #eee;
}

div.yearend{
padding-top:20px;
padding-bottom:20px;
font-size:105%;
color:blue;
}

b.end{
font-size:103%;
color:#966;
line-height:1.8;
}

div.comment{
background:;
color:#555;
font-size:85%;
margin-top:;
padding-bottom:5%;
border-bottom:thin #fff solid;
width:96%;
}


.birdstaff{
text-align:center;
}

.line{
color:#00B900;
}

/* newのふわふわ */
.fuwafuwa {

color:red;
font-size:100%;

-webkit-animation:fuwafuwa 3s infinite linear alternate;
animation:fuwafuwa 3s infinite linear alternate;

}

@-webkit-keyframes fuwafuwa {
0% {-webkit-transform:translate(0, 0) rotate(-1deg);}
50% {-webkit-transform:translate(0, -0.2px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(1deg);}

}


@keyframes fuwafuwa {
0% {transform:translate(0, 0) rotate(-1deg);}
50% {transform:translate(0, -0.2px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(1deg);}

}
/* newのふわふわ　ここまで*/

.tenji{
width:70%;
}

/* SNSアイコン・LINE配置 */
figure.side_image{
margin:5px;
display: inline-block;
}

p.side_text{
display: inline-block;
margin-left:5px;
}

div.side_text{
display: inline-block;
padding:15px;
font-size:105%;
}

div.sns_box{
display:flex;
align-items:center;
}
/* SNSアイコン・LINE配置 */


/* FlexBox */

.container{
width:90%;
display:flex;
justify-content:space-around;
flex-wrap:wrap;
margin:30px auto 0 auto;
}
.item{
border:0.5px solid black;
width:25%;
margin-bottom:30px;
}
.item img{
width:100%;
height:auto;
}


/* FlexBox */

iframe{
width:100%;
height:200px;
 -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}


footer{
color:#555555;
background:#fff;
padding:10px;
text-align:center;
letter-spacing:1pt;
position:fixed;
bottom:0px;
width:100%;
}
small{
font-size:70%;
}

/*TOPへ戻るボタン*/
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 8px;
  bottom: 40px;
  background: gray;
  opacity: 0.3;
  z-index:1;
  border-radius:16px;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}


/*レスポンシブ*/
@media screen and (max-width:800px){
/*body{
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}*/

.creema-icon{
margin-left:10px;
width:auto;
height:110px;
}

.onlineshop{
margin-left:10px;
width:100%;
}

.creativemotion{
font-size:;
width:97%;}

p{
font-size:80%;
}

li{
font-size:90%;
}

h3{
margin-left:10px;
font-size:100%;
}

h4{
font-size:85%;
}

.title{
width:210px;
}

.side_text{
font-size:80%;
}

header{
height:65px;
}

section{
margin-left:20px;
margin-right:20px;
}

p,li{
margin-left:10px;
}

.line_responsive img{
display:none;
}

.line_responsive p{
margin-right:50px;
}

.dsplynone{
display:none;
}


.tenji{
width:90%;
margin-left:10px;
}


table,
table td,
table th {
  padding-left:10px;
  border: 0px solid #cbced2;
  border-collapse: collapse;
  text-align: left;
  font-size:95%;
  width:97%;
  line-height:1.8;
}

table th {
  background: #aaa;
  color: #fff;
  padding: 4px 12px;
  display: block;
  width: 80px;
}

table td {
  background: #f5f6f8;
  padding: 4px 12px;
  display: block;
  width:97%;
}

footer{
color:#555555;
background:#fff;
padding:8px;
text-align:center;
letter-spacing:1.1pt;
position:fixed;
bottom:0px;
width:100%;
}


}