/*
Theme Name:animo
Description:
Theme URI:
Author:ryo
Author URI:
Version:
License:
License URI:
*/


* {
font-family : 'メイリオ',sans-serif;
margin : 0;
padding : 0;
}

html{
font-size : 0.9rem;
letter-spacing: 2px;
}

h2{
line-height: 100px;
font-family: 'Italianno', cursive;
font-weight: 400;
font-size: 60px;
}

h3{
font-family: 'Italianno', cursive;
font-weight: 400;
font-size: 40px;
line-height: 60px;
padding-top: 10px;
}

p{
line-height: 30px;
}

.pt100{
padding-top: 100px;
}

.pb100{
padding-bottom: 100px;
}

.ovf{
overflow: hidden;
}

header{
width: 100%;
height: 600px;
background-image: url(https://animo0704.com/wp-content/themes/animo/img/b.jpg);
background-size: cover;
background-position:50% 50%;
position: relative;
}

header img{
  display: block;
  padding-top: 150px;
  margin-left: auto;
  margin-right: auto;
}

.bg-white{
width: inherit;
height: inherit;
background-color: rgba(255,255,255,.3);
}

.concept{
position: relative;
}

.c-left{
width: 52%;
float: left;
padding-left: 5%;
padding-right: 3%;
text-align: center;
}

.c-left img{
height: auto;
width: 20%;
}

.c-left p{
text-align: left;
width: 70%;
margin-left: auto;
margin-right: auto;
}

.img2{
position: absolute;
bottom: -720px;
left: 3%;
width: 20%;
}

.img2 img{
width: 100%;
}

.c-img img{
width: 40%;
height: auto;
float: right;
}

.salon{
width: 100%;
height: 700px;
background-image: url(https://animo0704.com/wp-content/themes/animo/img/c4.jpg);
margin-top: 100px;
background-size: cover;
background-position:50% 50%;
position: relative;
}

.s-wrap{
background-color: rgba(255,255,255,1);
width: 40%;
float: right;
margin-right: 5%;
margin-top: 50px;
box-sizing: border-box;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 3%;
padding-right: 3%;
}

.text-space{
height: 350px;
text-align: center;
}

.text-space p{
text-align: left;
}

.img-space{
width: 100%;
height: 200px;
}

.s-img2{
width: 50%;
height: 100%;
float: left;
}

.s-img2 img{
width: 100%;
height: 100%;
object-fit: cover;
}



.news{
width: 60%;
margin-left: auto;
margin-right: auto;
}

.news table{
width: 100%;
border-collapse: collapse;
}

.news tr{
line-height: 50px;
border-top: 1px solid rgb(200,200,200);
border-bottom: 1px solid rgb(200,200,200);
}

.news th{
font-weight: 100;
width: 15%;
}

.news td{
width: 83%;
padding-left: 2%;
}

.menu{
text-align: center;
}

.menuwrap{
padding-top: 0px;
width: 100%;
}

.menu-content{
box-sizing: border-box;
width: 28%;
display: inline-block;
float: left;
margin-left: 4%;
}

.menu-content h3{
line-height: 60px;
}

.menu-content p{
text-align: left;
}

.price{
box-sizing: border-box;
border: solid 1px rgb(0,0,0);
padding: 10px;
display: inline-block;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
}

.m-img{
width: 100%;
height: 300px;
}

.m-img img{
width: 100%;
height: 100%;
object-fit: cover;
}

.map{
  width: 100%;
  background-image: url(https://animo0704.com/wp-content/themes/animo/img/googlemap.png);
  background-size: cover;
  background-position:50% 50%;
  height: 500px;
}

footer{
background-color: rgb(200,220,240);
text-align: center;
padding-top: 70px;
}

.footer{
padding-top: 70px;
padding-bottom: 50px;
}

.footerimg{
padding-bottom: 20px;
width: 100%;
}

.shopdata{
text-align: left;
margin-left: auto;
margin-right: auto;
display: inline-block;
}

.copyright{
line-height: 30px;
}

.line{
padding-top: 10px;
padding-bottom: 10px;
}


.tel{
border: 2px solid rgb(0,0,0);
margin-top: 30px;
padding: 10px;
font-size: 2rem;
display: inline-block;
}

/*single.php*/

.home{
padding-top: 10px;
text-align: center;
}

.eye-catch{
width: 60%;
height: auto;
text-align:center;
margin-top:100px;
margin-right:auto;
margin-left:auto;
}

.eye-catch img{
height:100%;
width:100%;
object-fit:cover;
}

.content h3{
margin-top: 100px;
margin-bottom: 100px;
text-align: center;
font-size: 3rem;
}

.content p{
padding-bottom: 20px;
}

.single{
padding-bottom: 300px;
width: 70%;
margin-right: auto;
margin-left: auto;
}

.pager{
margin-top: 100px;
}

.pager a{
text-decoration: none;
color: rgb(0,0,0);
}

.prev{
width: 50%;
float: left;
text-align: left;
}

.next{
width: 50%;
float: right;
text-align: right;
}

/*single.php*/

@media screen and (max-width:1024px){
.wrap{
width: 100%;
overflow: hidden;
position: relative;
}

html{
font-size : 0.9rem;
letter-spacing: 2px;
}

h2{
line-height: 80px;
font-family: 'Italianno', cursive;
font-weight: 400;
font-size: 4rem;
}

h3{
font-family: 'Italianno', cursive;
font-weight: 400;
font-size: 3rem;
line-height: 3.5rem;
padding-top: 10px;
}

p{
line-height: 30px;
}

.pt100{
padding-top: 100px;
}

.pb100{
padding-bottom: 100px;
}

.ovf{
overflow: hidden;
}
	
header{
width: 100%;
height: 600px;
background-image: url(https://animo0704.com/wp-content/themes/animo/img/b.jpg);
background-size: cover;
background-position:50% 50%;
position: relative;
}

.img2{
display: none;
}

.c-img img{
display: none;
}

.c-left{
width: 90%;
float: clear;
padding-left: 5%;
padding-right: 5%;
text-align: center;
}

.c-left img{
height: auto;
width: 50%;
}

.c-left p{
text-align: left;
width: 100%;
}

.s-wrap{
background-color: rgba(255,255,255,1);
width: 90%;
float: left;
margin-right: 5%;
margin-left: 5%;
margin-top: 50px;
box-sizing: border-box;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 5%;
padding-right: 5%;
}

.text-space{
height: 350px;
text-align: center;
}

.text-space p{
text-align: left;
}

.img-space{
width: 100%;
height: 150px;
padding-top: 20px;
}

.s-img2{
width: 50%;
height: 100%;
float: left;
}

.s-img2 img{
width: 100%;
height: 100%;
object-fit: cover;
}

.news{
width: 90%;
margin-left: auto;
margin-right: auto;
}

.news table{
width: 100%;
border-collapse: collapse;
}

.news tr{
line-height: 50px;
border-top: 1px solid rgb(200,200,200);
border-bottom: 1px solid rgb(200,200,200);
}

.news th{
font-weight: 100;
width: 15%;
}

.news td{
width: 83%;
padding-left: 2%;
}

.menu{
text-align: center;
}

.menuwrap{
padding-top: 0px;
width: 100%;
}

.menu-content{
box-sizing: border-box;
width: 90%;
display: inline-block;
float: left;
margin-left: 5%;
margin-right: 5%;
padding-bottom: 50px;
}

.menu-content h3{
line-height: 60px;
}

.menu-content p{
text-align: left;
}

.price{
box-sizing: border-box;
border: solid 1px rgb(0,0,0);
padding: 10px;
display: inline-block;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
}

.m-img{
width: 100%;
height: 250px;
}

.m-img img{
width: 100%;
height: 100%;
object-fit: cover;
}

.footer{
padding-top: 70px;
padding-bottom: 50px;
}

.footerimg{
padding-bottom: 20px;
width: 50%;
height: auto;
margin-left: auto;
margin-right: auto;
}

.footerimg img{
width: 100%;
height: 100%;
object-fit: cover;
}

	
.shopdata{
width: 80%;
text-align: left;
margin-left: auto;
margin-right: auto;
display: inline-block;
}

.shopdata h3{
text-align: center;
}
	
.copyright{
line-height: 30px;
}

.contact{
width: 85%;
margin-left: auto;
margin-right: auto;
}

.contact p{
text-align: left;
}
	
.tel{
border: 1px solid rgb(0,0,0);
margin-top: 30px;
padding: 10px;
font-size: 1.5rem;
display: inline-block;
}

/*single.php*/

.home{
padding-top: 10px;
text-align: center;
width: 50%;
height: auto;
margin-left: auto;
margin-right: auto;
}

.home img{
height:100%;
width:100%;
object-fit:cover;
}
	
.eye-catch{
width: 60%;
height: auto;
text-align:center;
margin-top:100px;
margin-right:auto;
margin-left:auto;
}

.eye-catch img{
height:100%;
width:100%;
object-fit:cover;
}

.content h3{
margin-top: 50px;
margin-bottom: 50px;
text-align: center;
font-size: 3rem;
}

.content p{
padding-bottom: 20px;
}

.single{
padding-bottom: 100px;
width: 90%;
margin-right: auto;
margin-left: auto;
}

.pager{
margin-top: 100px;
}

.pager a{
text-decoration: none;
color: rgb(0,0,0);
}

.prev{
width: 50%;
float: left;
text-align: left;
}

.next{
width: 50%;
float: right;
text-align: right;
}

/*single.php*/
	
}