@charset "UTF-8";
/* CSS Document */

body{
    overflow: scroll;
}

a {
	transition: all 0.3s ease 0s;
}
img {
	transition: all 0.3s ease 0s;
}

.pc_none{
    display: block !important;
}
.tbl_none{
    display: none !important;
}


/* レイアウト */

.l-contents{
    list-style:none;
    display: block;
    overflow: hidden;
}


.ttl_box1{
    display: block;
    float: left;
    margin: 10px auto 30px;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.ttl_box1 img{
    margin: 0 auto;
    max-width: 1000px;
}

.edit_collection{
    display: block;
    float: left;
    margin: 0 auto 30px;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.edit_collection ul{
    display: block;
    margin: 0 auto;
    padding: 0px;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.edit_collection ul li{
    display: block;
    float: left;
    margin: 0.2%;
    overflow: hidden;
    text-align: center;
    width: 24.6%;
    max-width: 600px;
    text-decoration: none;
}
.edit_collection ul li a{
    display: block;
    overflow: hidden;
    line-height: 0px;
}

.edit_collection ul li a img{
    width: 100%;
}




/* section */
.section{
    width:1000px;
    margin: 0 auto;
    overflow:hidden;
    position: relative;
    text-align: center;

    }
.headline{
    text-align: center;
    margin: 0 auto;
    padding: 70px 0 0;
    display: inline-block;
    overflow: hidden;
    width: 100%;
}

.under-link-box{
    display: block;
    overflow: hidden;
    float: none;
    text-align:center; 
    width: 100%;
    margin: 0;
}
.under-link-box li{
    display: inline-block;
    overflow: hidden;
    width: 300px;
    margin: 0 5px 5px;
}

.m-sign-form-btn-area{
    width: 100% !important;
}
.under-link{
    display: block;
    overflow: hidden;
}


@media screen and (min-width: 640px) {


.edit_collection ul li a:hover{
    -ms-filter: "alpha( opacity=70 )";
  filter: alpha( opacity=70 );
opacity: 0.7; 
}
}


@media screen and (max-width: 640px) {
/* 表示領域が640px未満の場合に適用するスタイル */


.ttl_box1{
    margin: 20px auto 10px;
}
.ttl_box1 img{
    width: 100%;
}


.edit_collection ul{
    width: 100%;
}

.edit_collection ul li{
    width: 48%;
    height: auto;
    margin: 1%;
}

.edit_collection ul li:nth-of-type(4) , .edit_collection ul li:nth-of-type(8) , .edit_collection ul li:nth-of-type(12) , .edit_collection ul li:nth-of-type(16) {
    width: 48%;
    height: auto;
    margin: 1%;
}

.m-sign-form-btn-area {
    margin-top: 0;
}


}