@charset "UTF-8";

/*==================================================================

CONTENTS_HEADER

==================================================================*/
@media screen and (min-width:1024px) {
.smp{
display:none;
}
.contents_header{
width:100%;
height:350px;
margin:100px auto 50px;
background:url("../../atelier/images/header_atelier.jpg") no-repeat 50%;
background-size:cover;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.smp{
display:none;
}
.pc{
display:none;
}
.tablet{
display:block;
}
.contents_header{
width:100%;
height:200px;
margin:100px auto 50px;
background:url("../../atelier/images/header_atelier_smp.jpg") no-repeat 50%;
background-size:cover;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.pc{
display:none;
}
.contents_header{
width:100%;
height:150px;
margin:80px auto 50px;
background:url("../../atelier/images/header_atelier_smp.jpg") no-repeat 50%;
background-size:cover;
}
}









/*==================================================================

PHOTO_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.photo_area{
width:1000px;
margin:120px auto 60px;
padding:0;
}
.permission{
width:1000px;
margin:80px auto;
padding:0;
}
.permission p{
border:double 6px #000;
padding:2em;
line-height:1.6em;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.photo_area{
width:98%;
margin:100px auto 60px;
padding:0;
}
.permission{
width:98%;
margin:80px auto;
padding:0;
}
.permission p{
border:double 6px #000;
padding:2em;
line-height:1.6em;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.photo_area{
width:98%;
margin:60px auto 40px;
padding:0;
}
.permission{
width:98%;
margin:30px auto 50px;
padding:0;
}
.permission p{
border:double 6px #000;
padding:1.5em;
line-height:1.35em;
}
}