body{
font-color:#ffffff;
font-size:20px;
font-family:'MS Pゴシック','Hiragino Kaku Gothi';
background-color:#ffc0cb;
width:auto;
}

#main{
padding:0 4%;
}


/*トップ*/
#top header{
margin-bottom:0;
}

#photo{
background-image:url(img/img011.jpg);
background-repeat:no-repeat;
background-position:50% 0;
padding-left:80px;
padding-top:400px;
padding-bottom:50px;
}

#photo1{
background-image:url(img/img013.jpg);
background-repeat:no-repeat;
background-size:600px 350px;
background-position:50% 50%;
padding-left:70px;
padding-top:100px;
padding-bottom:100px;
}


a.photo2{
background-color:#ff6699;
color:#ffffff;
text-decoration:none;
padding:15px 20px;
border-radius:10px;
border:solid 3px #ff6699;
}

#photo h1{
color:#ffffff;
font-size:80px;
text-shadow:0 8px 15px #000000;
}

#photo p{
color:#ffffff;
font-size:40px;
text-shadow:0 4px 8px #000000;
}


/*本文*/
article{
background-color:#ffffff;
width:70%;
margin-left:auto;
margin-right:auto;
padding-top:10px;
padding-bottom:50px;
padding-right:50px;
padding-left:50px;
-webkit-box-shadow:10px 20px #aaaaaa;
box-shadow:10px 20px #aaaaaa;
border-radius:20px;
}
article a{
font-size:26px;
background-color:#ffa500;
color:#ffffff;
text-decoration:none;
padding:10px 50px;
border-radius:10px;
}

section p a{
background-color:#ffffff;
color:#000000;
text-decoration:none;
padding:10px 50px;
border-radius:0px;
border:solid 4px #000000;
}

section{
margin-bottom:50px;
}

/*画像左*/
figure.photo-left img{
width:500px;
}
figure.photo-left{
margin:0;
}

header p{
font-size:12px;
}

article h1{
font-size:35px;
}
article p{
font-size:26px;
}

/*中身を非表示*/
.hidden_box .hidden_show{
height:0;
padding:0;
overflow:hidden;
opacity:0;
transition:0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked~ .hidden_show{
padding:0 0;
height:auto;
opacity:1;
}

position input,position select{
position:relative;
}