*{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}
#main{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : auto;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : auto;
  border-width : 0px;
  border-style : solid;
  border-color :transparent;
  height : inherit;
  width : 960px;

}
#header{
  background-image : url();
  height : 278px;
  width : 960px;

}
#cont{
  width : 960px;
  float : right;
  margin-top : 15px;
  color : White;
  font-family : メイリオ;
 font-size :  small;
  line-height : 15px;

}
#column{
  padding-left : 0px;
  width : 320px;
  float : right;
  margin-right : 0px;
 font-family : Epistle;

}
#footer{
  border-top-width : 2px;
  border-top-style : solid;
  border-top-color :transparent;
  height :10px;
  clear : both;
  color : black;
  background-color : rgba(10, 200, 200, 0.20 );
  margin-top : 5px;
  padding-top : 0px;
  margin-bottom : 0px;
  padding-bottom : 10px;
  width : 960px;

}
#navi{
  background-color : transparent;
  width : 960px;
  float : left;
  height :10px;
  padding-right : 0px;
  padding-bottom : 20px;
  padding-top : 5px;
  font-family : Palatino Linotype;
}
#navi ul{
  list-style-type : none;
  background-color : transparent;
}
#navi ul li{
  background-color : transparent;
  vertical-align : middle;
  text-align : center;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  width : 160px;
  height : 20px;
  float : left;
}
#navi ul li a{
  background-color : transparent;
  text-decoration : none;
  display : block;
  color :   	blue;
  height : 20px;
  padding-top : 20px;
}
#navi ul li a:hover{
  color :#c71585;
  background-color : white;
  height : 20px;
  margin-top : 10px;
  background-color : rgba(10, 200, 200, 0.20 );
  padding-top : 5px;
}
body{
  line-height : 18px;
  font-size : small;
font-weight:normal;
  text-align : center;
}
BODY { 
background-attachment:fixed; 
}
body{
	    /*スマホで勝手に文字が大きくなる対策*/
-webkit-text-size-adjust: 100%;
}

/*ID #serviceのpタグの文字を大きくしたくない場合*/
#service p {
	/*Androidブラウザフォントバグ対策*/
	max-height: 999999px;	
}


#header h1{
  font-size : x-large;
  color : White;
  text-align : left;
  padding-top : 15px;
  padding-left : 15px;
}
#cont h2{
  padding-top : 5px;
  border-top-width : 0px;
  border-left-width : 0px;
  border-style : none none none solid;
  border-color : transparent #db7093;
  color : White;
  background-color :   rgba(10, 200, 200, 0.20 );
  font-size : x-large;
  height : 20px;
  text-align : left;
  margin-top : 0px;
  width : 960px;
  margin-bottom : 0px;
  padding-left : px;
  font-family : Bradley Hand ITC;
}
#column h4{
  font-size : 11px;
  color : White;
  background-color :  rgba(10, 200, 200, 0.20 );
  padding-left : 0px;
  padding-bottom : 2px;
  margin-bottom : 10px;
  margin-top : 10px;
 font-family : Bradley Hand ITC;
}
#cont2{
  background-image : url();
  padding-bottom : 5px;
  margin-top : 5px;
  width : 960px;
  height : 1034px;
  color : white;
  font-size : x-small;
  font-family : Bradley Hand ITC;
  float : left;
  margin-bottom : 20px;
}
#column2{
  color : White;
  padding-top : 0px;
  width : 550px;
  float : left;
  padding-left : 0px;
}
#column2 h5{
  font-size : 11px;
  color : White;
  background-color :  rgba(10, 200, 200, 0.20 );
  margin-left : 0px;
  margin-top : 10px;
  padding-bottom : 2px;
 font-family : Bradley Hand ITC;
}
#column3{
  color : White;
  padding-top : 0px;
  width : 430px;
  float : left;
  padding-left : 0px;
}
#column3 h5{
  font-size : 11px;
  color : White;
  background-color :  rgba(10, 200, 200, 0.20 );
  margin-left : 0px;
  margin-top : 10px;
  padding-bottom : 2px;
  font-family : Bradley Hand ITC;
}
#column4{
  color : White;
  padding-left : 0px;
  width : 430px;
  float : right;
  margin-right : 0px;
}
#column4 h4{
  font-size : 11px;
  color : White;
  background-color :   rgba(10, 200, 200, 0.20 );
  padding-left : 0px;
  padding-bottom : 2px;
  margin-bottom : 10px;
  margin-top : 10px;
  font-family : Bradley Hand ITC;
}
#cont3{
  width : 900px;
  float : right;
  margin-left : 30px;
  color : White;
  font-family : メイリオ;
}
body {
    -webkit-text-size-adjust: 100%;
}

.demo1:hover{
    color: #f08080;
text-decoration: none; 
}
.gazo img:hover{
filter:alpha(opacity=80);
opacity:0.8;
}
/*ID #serviceのpタグの文字を大きくしたくない場合*/
#service p {
	/*Androidブラウザフォントバグ対策*/
	max-height: 999999px;	
}
body{
	/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%;
}
.box_test2 {
 width:100px; border:1px solid #ccc; background-color:#ddeeff;
 word-wrap:break-all;
}
p {
    max-height: 100%;
}
#shop-cart {
 clear: both;
 position: fixed;
 top: 0;
 right: 0;
}


.mimi {
 position: relative;
 top: -1400px;
 left: 140px;
/*画像を重ねる*/
}

a {
 outline: 0;
/*アウトラインを無くす*/
}


div.nekomatsubuyaki{width:960px;/* 背景画像の横幅 */
height:1976px;/* 背景画像の高さ */
background: url(image/nekomanojijou/nekomanojijou9601976_a.jpg) no-repeat;position:relative;}
.nekomatsubuyaki p{ width:250px;position:absolute; top:150px;left:450px;color:#20b2aa;font-size:15px;face:メイリオ;font-weight: bolder;
}


div.nekomatsubuyaki2 {width:960px;/* 背景画像の横幅 */
height:1976px;/* 背景画像の高さ */
position: absolute;
top:800px;
left: 0;
right: 0;
margin:0 auto;
width:300px;
height:0px;
color:#f08080;
font-size:15px;
face:メイリオ;
font-weight: bolder;
background:url("image/nekomanojijou/nekomanojijou9601976_a.jpg") no-repeat;
border-radius:10px;
}

div.nekomatsubuyaki3 {width:960px;/* 背景画像の横幅 */
height:1976px;/* 背景画像の高さ */
position: absolute;
top:1800px;
left: 0;
right: 0;
margin:0 auto;
width:300px;
height:0px;
color:#f08080;
font-size:15px;
face:メイリオ;
font-weight: bolder;
background:url("image/nekomanojijou/nekomanojijou9601976_a.jpg") no-repeat;
border-radius:10px;
}

div.nekomatsubuyaki4 {width:960px;/* 背景画像の横幅 */
height:1976px;/* 背景画像の高さ */
position: absolute;
top:500px;
left: 0px;
right: 500px;
margin:0 auto;
width:300px;
height:0px;
color:#f08080;
font-size:15px;
face:メイリオ;
font-weight: bolder;
background:url("image/nekomanojijou/nekomanojijou9601976_a.jpg") no-repeat;
border-radius:10px;
}

div.toprogo1 {width:960px;/* 背景画像の横幅 */
height:670px;/* 背景画像の高さ */
position: absolute;
top:50px;
left: 0px;
right: 210px;
margin:0 auto;
width:300px;
height:0px;
color:;
font-size:px;
face:メイリオ;
font-weight: bolder;
background:url("image/aria_kakou_top.png") no-repeat;
border-radius:10px;
}

a{
  transition: color 0.3s;
}



.wrap{
  margin-bottom: 1.5rem;
}
.youtube {
  position: relative;
  height: 0;
  margin-bottom: 20px;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.wrap img{
  width: 100%;
}
@media screen and (min-width: 600px) {
  .float-right{
    float: right;
    width: 49.5%;
  }
  .float-left{
    float:left;
    width: 49.5%;
  }
  .wrap:after{
    display: block;
    clear: both;
    content: "";
  }
}