@charset "utf-8";
/*
theme Name: WEST
Author: Plusers
Description: original theme
version： 1.0.0
*/

/*facebook可変調整
=================*/
.fb-page {
    max-width:500px;
    width: 40%;
    margin: 0 auto 2%;
}
/*メディアクエリmax-width: 768px
==============================================================*/
@media all and (max-width: 1023px) {
  .fb-page {margin-top: 30px;}
}
@media all and (max-width: 768px) {
  .fb-page {width: 100%;}
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
small, strong, sub, sup, var,b, i,
dl, dt, dd, ol, ul, li,
form, label, caption,article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    margin:0;
    padding:0;
    display: block;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    box-sizing: -webkit-border-box;
    box-sizing: -moz-border-box;
    box-sizing: border-box;
}

body {
    line-height:1;
    letter-spacing: 2px;
}
img {
  max-width: 100%;
}
ul {
    list-style:none;
    padding: 0;
}
p,h1,h2,h3,div {
  word-wrap: break-word;
}
a {
    margin:0;
    padding:0;
    text-decoration: none;
    color: #333;

/*    vertical-align:baseline;*/
}
a:hover {opacity: .7;}
table {
    border-collapse:collapse;  /*隣接するセルのボーダーを重ねて表示します。separateだと隣接するボーダーとの間隔をあける*/
    border-spacing:0;           /*separateの時の間隔をあける*/
}
/********************    clearfix       ************************/
.clearfix:after {
  content: ".";  /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}
/*******************    ie 対策用clearfix    ***********************************/
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}*/


/***********　　　float　を使わないでナビゲーション作成するソース
ul {text-align: center;}     <!-- ul の中身を中央揃えにして -->
li {display: inline-block;}  <!-- li をインラインブロックで表示して -->
a  {display: block;          <!-- a をブロックで表示して -->
    width: 40px;}            <!-- a に幅を指定 -->
************/

.category-info h2{font-size: 25px;
    margin: 50px 0 20px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
	    line-height: 25px;
}

@media all and (max-width: 768px) {
  .subContainer {width: 100% !important;}
}