@charset "utf-8";

* {
box-sizing:border-box
}

.map_icon_grn {
display:inline-block;
width:19px;
height:25px;
background:url(/campaign/photois/images/map_icon_grn.png) no-repeat
}

ul.photois {
display:table;
table-layout:fixed;
width:100%
}

ul.photois li {
padding-left:0;
text-indent:0;
margin-bottom:0;
display:table-cell;
vertical-align:middle;
text-align:center
}

ul.photois li img {
width:70%;
margin:0 16px
}

ul.kaijou {
display:flex;
justify-content:flex-start;
align-content:flex-start;
flex-wrap:wrap
}

ul.kaijou li {
/*border:#009a5b 1px solid;*/
padding:5px 10px;
margin-right:10px;
margin-bottom:10px
}

.btn {
padding:1em 4.5em;
text-decoration:none;
color:#FFF;
background:#d60b24;
border-bottom:solid 2px #9C0719;
border-radius:10px;
box-shadow:inset 0 2px 0 rgba(255,255,255,0.2),0 2px 2px rgba(0,0,0,0.19);
font-size:2.4em;
font-weight:700;
margin:10px auto;
text-align:center;
display:inline-block;
}

.btn:active {
border-bottom:solid 2px #9C0719;
box-shadow:0 0 2px rgba(0,0,0,0.30)
}

.btn:hover {
background:#9C0719
}

.btn:link,.btn:visited {
color:#fff;
text-decoration:none
}

.flex {
display:flex
}

.flex div {
width:50%
}

.title {
font-size:1.5em
}

.pc {display:block;}
.sp {display:none;}

.link {font-size: 2rem;
    font-weight: 700;}

@media screen and (max-width:767px) {
ul.photois li {
display:block;
margin:0 0 16px
}

ul.photois li img {
width:70%;
margin:6px auto
}

h2,h3 {
margin-bottom:.5em;
background-color:#fff;
color:#3d3333
}

.flex {
display:block
}

.flex div {
width:100%
}

.flex div:first-child {
margin-bottom:60px
}

.btn {
padding:1em;
font-size:1.8em
}

.btn:active {
border-bottom:solid 2px #9C0719;
box-shadow:0 0 2px rgba(0,0,0,0.30)
}

.btn:hover {
background:#9C0719
}

.btn:link,.btn:visited {
color:#fff;
text-decoration:none
}

.pc {display:none;}
.sp {display:block;}
}