@charset "utf-8";
/*-------------------
   common
-------------------*/
.download-wrap {
 font: 0.8rem/1.6 'Ubuntu',"ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,"遊ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ＭＳ ゴシック',sans-serif;
 font-feature-settings: "palt";
 letter-spacing: .1em;
 margin: 0 auto 50px;
 width: 94%;
}
.download-wrap * {
 box-sizing: border-box;
}
.download-wrap .flex {
 align-items: flex-start;
 display: flex;
 display: -ms-flexbox;
 display: -webkit-box;
 display: -webkit-flex;
 flex-wrap: wrap;
 margin: 0 auto;
}
.download-wrap p{
    margin: 0;
}

/*-------------------
   POP一覧
-------------------*/
.download-wrap h2{
   border-bottom: solid 1px #dbdbdb;
   font-size: 1.4rem;
   margin-top: 30px;
}
.download-wrap .pop-list li{
 margin: 30px 1.5% 0;
 text-align: center;
 width: 47%;
}
.download-wrap .pop-list li .title{
 font-size: 1rem;
}
.download-wrap .pop-list li .btn{
 background: #e8706f;
 border-radius: 30px;
 color: #FFF;
 margin-top: 5px;
 padding: 6px 0;
}

 @media screen and (min-width:480px) and ( max-width:960px) {
/*　スマホ横～タブレット 480pxから960pxまではここを読み込む　*/
/*-------------------
   POP一覧
-------------------*/
.download-wrap .pop-list li{
 width: 30.3%;
}
}

 @media screen and (min-width:960px) {
/*　小・大画面デスクトップ　960pxからはここを読み込む　*/
/*-------------------
   common
-------------------*/
.download-wrap {
 font-size: 0.9rem;
 width: 1140px;
}

/*-------------------
   POP一覧
-------------------*/
.download-wrap .pop-list li{
 margin: 30px 1% 0;
 width: 18%;
}
.download-wrap .pop-list li .title,
.download-wrap .pop-list li .btn{
 margin-top: 10px;
}
}