@charset "UTF-8";

.c5-center-button{
  clear: both;
  width: 280px;
  display: block;
  margin: 0 auto!important;
}

.c5-saiseiki_wrap{
  margin-top: 50px;
}

.c5-saiseiki_contents{
    float: left;
    margin: auto;
    margin-left: 5px;
}

.c5-saiseiki_contents{
  margin-bottom: 15px;
  width: 195px;
}

.c5-text-area_gl{
  width: 195px;
  height: 230px;
  background-color: #dce2ec;
}

.c5-text-area_gl p{
  font-size: 88%;
  padding: 15px 8px 0px 8px;
}

.c5-top-text{
  height: 90px;
  font-weight: bold;
  margin: 0;
  margin-top: -10px!important;
}

.c5-text-area_gl a{
  text-decoration: underline;
}

.c5-contents_float_left{
  margin: 70px auto;
}

.c5-contents_float_left:after {
    display: table;
    clear: both;
    content: '';
}

.c5-contents_float_left .img img{
  width: 100%;
  height: auto;
}


.txt_anp{
    width:37%;
    float: left;
    margin: 50px 15px 0px 40px;
}

.txt_anp a{
  display: block;
}

.img_anp {
  margin: 0px 0px 20px 70px;
  width: 36.125%;
  float: left;
}

.img_anp img{
  padding:10px;
  width: 100%;
}

.c5-2col_txt-area_right{
  padding: 5px 0px;
  margin-right: 15px;
}

.c5-2col_img-area_right{
  max-width: 265px;
  float: right;
  padding: 5px 0px;
  margin:15px;
}



.appttl {
    text-align: center;
}

.fr {
    float: right;
}


.ex--alignCenter {
    text-align: center !important;
}
.ex--fontLarge {
    font-size: 125% !important;
}
.ex--fontBold {
    font-weight: 700 !important;
}

@media (min-width: 768px)
{

.c5-contents_float_left .txt{
  float: left;
  width: 60%;
  margin: 0;
}

.c5-contents_float_left .img{
  width: 36%;
  padding: 4% 2% 3%;
  float: left;
}

.c5-left-70 {
  float: left;
  width: 70%;
}

.c5-imgbox_1 {
  width: 30%;
  margin: auto;
  display: inline-block;
}

.c5-imgbox_1 img{
  display: block;
  margin: auto;
}

.songpal {
    overflow: hidden;
    width: 80%;
    border: 1px solid #ccc;
    margin: 0 auto;
    padding: 10px;
    height: auto!important;
}

.storeBox {
    display: inline;
    width: 43%;
    margin-top: 15px;
    margin-bottom: 15px;
    padding:3%;
}

.fl {
    border-right: 1px solid #ccc;
    float: left;
}

.gp {
    width: 80%;
    margin: auto;
}

.as {
    width: 80%;
    margin: auto;
}

.gp img{
  width: 100%;
  max-width: 200px;
}

.as img{
  width: 100%;
  max-width: 200px;
}


}

@media (max-width: 767px)
{

.c5-left-70 {
  float: none;
  width: 100%;
}

.c5-imgbox_1 {
  width: 100%;
  margin: auto;
  display: inline-block;
}

.c5-imgbox_1 img{
  display: block;
  margin: auto;
}

.songpal {
    overflow: hidden;
    width: 90%;
    border: 1px solid #ccc;
    margin: 0 auto;
    padding: 10px;
    height: auto!important;
}

.storeBox {
    display: inline;
    width: 94%;
    margin-top: 15px;
    margin-bottom: 15px;
    padding:5px 15px 30px 10px
}

.gp {
    width: 200px;
    margin: 0 auto;
}

.as {
    width: 200px;
    margin: 0 auto;
}

.fl {
    border-bottom: 1px solid #ccc;
    float: left;
}
}



/**  180907  **/
.img_caption{
  font-size: 120%;
  line-height: 1.2;
}