@charset "utf-8";


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

body {
  font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
  position:relative;
}

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>li {
  list-style:none;
  margin:0;
  padding:0;
}


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

.logo{
  margin-top:0;
  margin-bottom:0;
}

.headFixed{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:99999;
}
.topVisual{
  padding:0;
}
.slider img{
  width:100%;
}

#pageHead.navbar {
    border-radius: 0px;
}


/* 背景 */
.bgWhite {background:#FFF !important;}
.bgLightgray {background:#EEE !important;}
.bgDeepgray {background:#555 !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; }

/* etc */
.txtRed {
  color: #F00;
}
.txtLeft {
  text-align: left;
}
.txtCenter {
  text-align: center;
}
.txtRight {
  text-align: right;
}
.imgRight {
  float: right;
  margin-bottom: 1em;
  margin-left: 1em;
}
.imgLeft {
  float: left;
  margin-bottom: 1em;
  margin-right: 1em;
}
.txtSmall{
  font-size:90%;
  color:inherit;
  font-weight:inherit
}
.txtXsmall{
  font-size:80%;
}


/*

Formのスタイル

*/

form .sizeXS{ max-width:80px; }
form .sizeS{ max-width:150px; }
form .sizeM{ max-width:300px; }
form .sizeL{ max-width:500px; }
form .sizeXL{ max-width:100%; }

form .required{ color:red; }

form input[type="text"],
form input[type="email"],
form textarea,
form select{
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    width:100% !important;
}
form textarea{
  height:auto;
}

form button, form input[type="button"], form input[type="reset"], form input[type="submit"]{
  width:100%;
}

td label{
  font-weight:normal;
  margin-right:10px;
}

  

.block{
  display:block;
}

  

/* 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;
}


/*-----------------------------------------------
	PC,SP表示・非表示
-----------------------------------------------*/

@media (min-width: 768px){
  .pcNone {
    display: none;
  }
}
@media (max-width: 767px){
  .spNone {
    display: none;
  }
}