@charset "utf-8";

/*----------------------------------------------------
	画面サイズ
----------------------------------------------------*/

@media (max-width: 1080px) {
  .sp-head,.sp-text,.sp-img {
    display: none !important ;
  }
  .pc-head,.pc-text,.pc-img  {
    display: inherit !important;
  }
  #container {
    width: auto;
  }
  .masonry {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}

@media (max-width: 768px) {
  .sp-head,.sp-text  {
    display: inherit !important;
  }
  .pc-head,.pc-text, .scroll {
    display: none !important;
  }
  body { font-size: 11px;}
  #container {
    padding:0 1em;
	padding-top: 100px;
  }
  .contents{
	padding: 1em 1.5em;
  }
  h2{ font-size: 24px;}
  h3{ font-size: 21px;}
  h4{ font-size: 17px;}
  h5{ font-size: 13px;}
  .btn_waku {
	width: 100%;
  }
  .col-2{ width: 100%;}
  .col-3{ width: 100%;}
  .col-4{ width: 50%;}
  .col-5{ width: 33.3333333%;}
  .col-6{ width: 33.3333333%;}
  .col-2a{ width: 45%;}
  .col-2b{ width: 50%;}
  .masonry {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
  #home-img{
	background: url(../../img/home_top-bg_sp.jpg) no-repeat center center #000;
  }
}

@media (max-width: 480px) {
  #container {
    width: auto;
  }
  .sp-img {
    display: inherit !important;
  }
  .sp-title {
    display: flex !important;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	display: flex;
  }
  .pc-img, .pc-title {
    display: none !important;
  }
  #page-top {
	position: relative;
	text-align: center;
	font-size: 77%;
	margin: 2em auto;
  }
  #page-top a {
	margin: 0 auto;
  }
  .col-2{ width: 100%;}
  .col-3{ width: 100%;}
  .col-4{ width: 50%;}
  .col-5{ width: 50%;}
  .col-6{ width: 50%;} 
  .col-2a, .col-2b{ width: 100%;}
  .masonry {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
  .header .social_btn{
	width: 100px;
  }
  .comment {
  	padding: 1em;
	text-align: left;
  }
}