@charset "utf-8";a:hover img {
-moz-opacity:0.7;
opacity:0.7;
filter:alpha(opacity=70);
}
.child{
line-height: 180%;
}
@media (min-width: 751px){
.container .child{
width: calc(50% - 30px);
}
}
.wrapper {
max-width: 100%;
margin: 0 auto;
text-align: center;
padding-bottom:10px;
}
.wrapper2 {
max-width:1024px;
margin: 0 auto;
text-align: center;
padding-bottom: 10px;
}
p{
font-size: 100%;
font-weight: normal;
line-height: 2;
display: inline-block;
text-align: left;
}

.container{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
.container2{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
}
.child2{
padding: 20px 10px 10px 10px;
line-height: 180%;
}
@media (min-width: 751px){

#wrapper .post-page {
max-width: 1024px;
margin: auto;
}
.container {
display: flex;
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
}
}
@media (max-width: 750px){

.container{
flex-flow: row wrap;
}
}
h1 {
position: relative;
display: inline-block;
font-weight: bolder;
}

@media (min-width: 751px){
.mainContents {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 80px;
}
.photo-list {
display: flex;
display: -webkit-flex;
justify-content: center;
padding-bottom: 30px;
}
.photo-list li{
width: calc(40% - 15px);
}
.photo-list li img{
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
}
.text-title{
font-size: 1.7em;
display: block;
text-align:center;
padding-bottom: 10px;
}
.text-desc{
padding-left: 60px;
padding-right: 60px;
}
.rep-left {
padding: 0 0 10px 1%;margin-left:28px;
}
li {
list-style-type: none;
}
@media only screen and (max-width: 768px) {

.rep-left {
padding: 0px;margin-left:0px;
}
.text-desc{
padding: 0px 45px;
}
}@media only screen and (max-width: 768px) {
.photo-list li img {
width: 100%;
padding:20px 10px 10px 10px;
}
}
@media (max-width: 1024px) {
.i_pad_pc {
display: none !important;
}
.i_pad_sp {
display: inline-block !important;
}
}
@media (min-width: 1024px) {
.i_pad_pc {
display: inline-block !important;
}
.i_pad_sp {
display: none !important;
}
}
