@charset "utf-8";


/*-----------------------------------------------
  基本設定
-----------------------------------------------*/

body {
  font-family: 'Hiragino Kaku Gothic Pro', 'Noto Sans JP', sans-serif;
  position: relative;
  font-size:16px;
  word-wrap:break-word;
  overflow-wrap : break-word;
}

html,
body,
#wrapper {
  min-height:100%;
}
#wrapper {
  overflow:hidden;
}

img {
  max-width:100%;
  height:auto;
}

.btn.focus,
.btn:focus,
.btn:hover {
  outline:none;
}

a,
button {
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
ul,
ul>li {
  list-style:none;
  margin:0;
  padding:0;
}


table{
  max-width:100%;
}

th,td{
  border:1px solid #CCC;
  padding:1em;
}
th{
  background:#fafafa;
}


hr{
  border:none;
  border-bottom:1px solid #CCC;
  margin:40px 0;
  clear:both;
}


a{
  word-break:break-all;
}


/*-----------------------------------------------
  cmp module
-----------------------------------------------*/


/* 背景 */
.bgWhite {background:#FFF !important;}
.bgLightgray {background:#EEE !important;}
.bgDeepgray {background:#555 !important;}


/* 画像 */
.bgLightgray .img-thumbnail {
  padding: 8px;
  background: #e5e5e5;
  border: none;
}
.img-caption {
  font-size: 12px !important;
  text-align: center;
  font-weight: bold;
  text-indent: 0 !important;
}

/* transition効果 */
.transition{
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}


/* margin & padding */
.marg0 { margin:0 !important; }
.padd0 { padding:0 !important;}

.mb0  { margin-bottom: 0 !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100{ margin-bottom:100px !important; }

.mt0 { margin-top: 0 !important; }

.pt0 { padding-top: 0 !important; }

.pb0 { padding-bottom: 0 !important; }


/*カラーフィルタ*/

.overColor {
  position:relative;
  color:#FFF;
  background-size:cover;
}

.overColor:after {
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:rgba(0, 0, 0, 0.5);
}

.overColor div{
  position:relative;
  z-index:200;
}


/* ボタン */
.btn01 {
  margin-top: 3em !important;
}
.btn01 a {
  padding: .5em 3em;
  background: #FFF;
  border: solid 1px #bfbfbf;
  color: #ff000a !important;
}
.btn01 a:hover {
  text-decoration: none;
  color: #FFF !important;
  background: #ff000a;
}
.btn02 {
  margin-top: 3em !important;
}
.btn02 a {
  padding: .5em 3em;
  background: #f04438;
  border: none;
  color: #FFF !important;
  border-radius:5px;
}
.btn02 a:hover {
  text-decoration: none;
  color: #FFF !important;
  background: #f8675d;
}


.btn03 {
  margin-top: 3em !important;
}
.btn03 a {
  padding: .5em 3em;
  background: #FFF;
  border: solid 1px #999;
  color: #000 !important;
  border-radius:5px;
}
.btn03 a:hover {
  text-decoration: none;
  color: #000 !important;
  background: #CCC;
}





/* 枠 */
.waku01 {
  border: solid 1px #bfbfbf;
  padding: 1em;
}
.waku01 p {
  font-size: 16px !important;
}
.waku01 h3{
	margin-top:0 !important;
}


@media (min-width: 992px) {
  .col-md-offset-1_5 {
    margin-left: 12.499999995%;
  }
}
@media (min-width: 768px) {
.col-sm-offset-1_5 {
  margin-left: 13%;
}
}

/* table.breakTable */

@media (max-width: 767px){

table.breakTable,
table.breakTable tbody,
table.breakTable tr,
table.breakTable th,
table.breakTable td,
table.breakTable caption{
  display:block;
  width:100%;
}

}



/*-----------------------------------------------
  トップへ戻る
-----------------------------------------------*/


.pageTop{
  position: fixed;
  right:30px;
  bottom:30px;
  z-index: 9999;/*親にtransformかかってるとabsoluteとおなじになってしまうので移動*/
}


.txt14{
  font-size:14px !important;
}
.txt16 {
  font-size: 16px !important;
}
.txt18 {
  font-size: 18px !important;
}
.txt22 {
  font-size: 22px !important;
}