/* カスタム CSS をここに入力してください */

.setsumei{
background-image: url("https://haratatsu.com/wp/wp-content/uploads/2020/10/kanseimini.png");
background-repeat: no-repeat;
background-position: left bottom;
  padding:10px 5px 10px 40px;
margin-bottom: 10px;
border: 1px solid #333333;
border-radius: 10px;}

.ad{background-color:#fff;padding:10px;}

.scroll {
  margin     : auto;
  padding    : 1%;
  text-align : center;
  border     : 0px solid #666;
  background : #fff;
  overflow   : hidden;
  height:300px;

}
.scroll img{
  display     : inline-block;
  animation   : scrollAnime 200s linear infinite;
}
@keyframes scrollAnime{
  100% { transform: translateY(100%)}
  100% { transform: translateY(-100%)}
}

.scroll_nopc {
  margin     : auto;
  padding    : 1%;
  text-align : center;
  border     : 0px solid #666;
  background : #fff;
  overflow   : hidden;
  height:150px;

}
.scroll_nopc img{
  display     : inline-block;
  animation   : scrollAnime 200s linear infinite;
}
@keyframes scrollAnime{
  100% { transform: translateY(100%)}
  100% { transform: translateY(-100%)}
}


/*サイドバー見出し背景画像　ここから*/
#side aside h4 {
  background-color:#303030;
  background-position:
    left;
  padding-top:10px;
  padding-bottom:5px;
  padding-left:20px;
  margin-bottom:15px;
  margin-top:20px;
}
aside h4, #side aside h4 {
    color: #ffffff;
}

.video_container{
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video_container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.big_box{
 margin:0 auto;
}
.big_box img{
 transition:1s all;
}
.big_box img:hover{
  transform:scale(1.5,1.5);
  transition:1s all;
}

#big_box{
  margin:0 auto;
}
#big_box img{
 transition:1s all;
}
#big_box img:hover{
  transform:scale(1.5,1.5);
  transition:1s all;
}

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960x) {



/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {



/*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {


h1.sitename {
  margin-top:45px;
}

p.sitename{
  margin-top:45px;
}
  
/*-- ここまで --*/
}


body {
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
}