@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/**
 * Gallery (/gallery/) layout styles (ported from old template)
 * - Uses existing class names in `swell_child/archive-gallery.php`
 */

/* Title block */
.page_ga_tit{max-width:920px; width:100%; margin:50px auto; text-align: center;}

/* Filter result text */
.ga_search_top{ max-width:1180px; width:95%; margin:50px auto; text-align:center;}

/* Filter boxes */
.ga_index_box{ max-width:1180px; width:100%; margin:50px auto; display:flex;}
.ga_index_box dl{ width:100%; border:dashed 1px #C0C0C0; padding:15px 15px 5px 15px; margin:0 1%;}
.ga_index_box dl dt{ text-align:center; padding:10px; background:#e04045; color:#FFFFFF; margin-bottom:20px;}
.ga_index_box dl dd{ margin:5px 5px 20px 5px; float:left;}
.ga_index_box dl dd a{ background:#ECECEC;padding:5px 10px; text-decoration:none; color:#000;-webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.ga_index_box dl dd a:hover{ background:#e04045; color:#FFFFFF;}

/* Tag list (per card) */
ul.ga_tag2{ width:100%; margin:0 auto;}
ul.ga_tag2 li{ margin-right:10px; float:left; list-style-type:none; margin-bottom:10px;}
ul.ga_tag2 li a{background:#e04045; color:#fff; padding:5px 10px; line-height:100%;}
ul.ga_tag2 li a:hover{background:#f5686c;}

/* Card list layout */
.p-blog-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 90px; }
.p-blog-list__item { margin-right: 5.65217%; margin-bottom: 56px; width: 29.56522%; }
.p-blog-list__item:nth-of-type(3n) { margin-right: 0; }

/* Card inner */
.p-article01__thumbnail { display: block; margin-bottom: 24px; }
.p-article01__thumbnail img { width: 100%; height: auto; }
.p-article01__title { margin-bottom: 15px; }
.p-article01__title a:hover { color: #004353; }
.p-article01__excerpt { margin-bottom: 6px; }

/* Next posts button */
.p-load-post { margin: 0 auto 150px; text-align: center; width: 100%; }
.p-load-post a { background: #eee; color: #666; display: inline-block; text-align: center; line-height: 50px; width: 200px; height: 50px; }

/* Responsive */
@media only screen and (max-width: 768px) {
  .ga_index_box { display: block; }
  .ga_index_box dl { padding: 5px; box-sizing:border-box; margin: 0 0 10px 0; clear:both; overflow:auto; }
  .ga_search_top{ margin:30px auto;}
}

@media only screen and (max-width: 767px) {
  .p-blog-list { margin-bottom: 0; }
  .p-blog-list__item { margin-right: 0; margin-bottom: 34.6px; width: 100%; }
  .p-article01__thumbnail { margin-bottom: 15px; }
  .p-article01__title { margin-bottom: 7px; }
  .p-article01__excerpt { margin-bottom: 7.6px; }
}