@charset "utf-8";

.block-nav {display: none;}
.wrapper {height: auto;}
@media screen and (min-width: 768px) {
  footer {width: auto;}
  .pane-footer__mini .block-logo {justify-content:center; margin: 0 0 80px;}
}


main {/*font-size:1.4em;*/ color:#363636; width: auto;}
main .main_inner {margin:70px 5.9% 160px; width: auto;}
main h1 {padding:90px 0 30px; margin:0 auto; width:auto; line-height:1.7; font-size:52px; text-align: center; font-family: 'Cormorant Garamond', Verdana, serif; font-weight: 300;}
main h1 small {display: block; font-size:26px; letter-spacing:0.05em; text-align: center; }
@media screen and (max-width: 767px) {
  main .main_inner {margin:0 6.25% 30px; width:auto;}
  main h1 {margin:0; padding:16% 5% 7%; line-height: 1.2; text-align:center; width:auto; font-size: 7.82vw; font-weight: 600;}
  main h1 small {margin-bottom:14px; line-height: 1; font-size: 4vw;}
}

main .description {display: block; text-align: center; font-size: 16px; margin-bottom: 120px; line-height: 2em; color: #666; }
main .description:before {content: "・・・"; display: block; width: 100%; height: 1em; text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 60px; color: #666; }
main .description span { display: block; text-align: center; margin-bottom: 5px; }
main .description p { text-align: center; margin: 0; }
@media screen and (max-width: 767px) {
  main .description { text-align: left; font-size: 3.6vw; margin-bottom: 16%; padding: 0 5%;}
  main .description span { display: block; text-align: center; font-weight: bold; margin-bottom: 15px; }
  main .description p { display: block; text-align: left; margin-bottom: 5px; }
  main .description:before {margin-bottom: 8%; }
}

#content {-webkit-font-smoothing: antialiased;}

#content h2 {font-size:2.2em; margin-bottom:10px; line-height: 1.4;}
#content .en {font-family: 'Montserrat',Verdana,Arial,Helvetica,sans-serif;}

#content .section { margin-bottom: 100px; }
#content .section .brand_head { font-size: 0; margin: 0; position: relative; text-align: center; }
#content .section .brand_head img {  }
/*#content .section .brand_head:before { content:""; display: block; background: url('images/deco_top.png') no-repeat top center; height: 55px;}*/
/*#content .section .brand_head:after { content:""; display: block; background: url('images/deco_bottom.png') no-repeat bottom center; height: 43px;}*/
@media screen and (max-width: 767px) {
  #content .section .brand_head img { width: 36vw; }
  /*#content .section .brand_head:before {height: 13vw; background-size: auto 8vw;}*/
  /*#content .section .brand_head:after {height: 11vw; background-size: auto 5vw;}*/
}


#content br.onlySP,
#content br.onlySP--force{ display: none; }
@media screen and (max-width: 767px) {
  #content br.force,
  #content br.onlySP--force { display: inline-block!important; }
  #content .smp_view {display:inline;}
  #content .smp_hidden {display:none;}
}


#content .wallpapers { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 200px; }
#content .wallpapers .wallpaper { width: 45%; max-width: 380px; margin-bottom: 100px; }
#content .wallpapers .wallpaper .imgarea { text-align: center; }
#content .wallpapers .wallpaper .imgarea img { width: auto; max-width: 100%;}
#content .wallpapers .wallpaper .btnarea { text-align: center; margin-top: 40px;}
#content .wallpapers .wallpaper .btnarea .btn { display: -webkit-flex; display: inline-flex; -webkit-align-items: center; align-items: center; border: 1px solid #e3e2e2; border-radius: 6px; width: 290px; height: 65px; background: #f8f8f8 url('images/icon_download.png') no-repeat center right 20px; font-family:  'Montserrat', "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Sans-Serif; }
#content .wallpapers .wallpaper .btnarea .btn span { display: block; text-align: center; width: 100%; padding-right: 40px; font-size: 15px; }
#content .wallpapers .wallpaper .btnarea .btn small { display: inline-block; padding-left: 5px; font-size: 13px; }
#content .wallpapers .wallpaper .btnarea .btn:hover { color: #ce3364; border-color: #ce3364; background-color: #fff9fb; background-image: url('images/icon_download_on.png'); text-decoration: none; }
@media screen and (max-width: 900px) {
  #content .wallpapers { justify-content:space-around; }
  #content .wallpapers .wallpaper .imgarea img {width: 90%;}
  #content .wallpapers .wallpaper .btnarea .btn {width: 90%;}
}
@media screen and (max-width: 767px) {
  #content .wallpapers { margin-bottom: 0; }
  #content .wallpapers .wallpaper {width: 100%; margin-bottom: 30%; }
  #content .wallpapers .wallpaper .imgarea {}
  #content .wallpapers .wallpaper .imgarea img {width: 90%;}
  #content .wallpapers .wallpaper .btnarea {}
  #content .wallpapers .wallpaper .btnarea .btn {width: 90%; height: auto; padding: 1.4em 0; background-size: 5vw;}
  #content .wallpapers .wallpaper .btnarea .btn span {font-size: 3.6vw;}
  #content .wallpapers .wallpaper .btnarea .btn small {font-size: 3.6vw;}
  #content .wallpapers .wallpaper .btnarea .btn:hover {}
}