@charset "UTF-8";
/* CSS Document */

html{ margin:0; padding:0;}
body { 
  width:100%;
  /* width:360px; min-width:360px;  */
  /*base 480px; */
  -webkit-text-size-adjust: 100%;
  line-height:1.5;
  word-break : break-all;
  word-wrap:break-word;
  overflow-wrap : break-word;
  position:relative;
}
/*table { table-layout:fixed;}*/
td{ word-wrap:break-word}

.pc-block,.pc-inline{ display:none;}
.sm-block{ display:block;}
.sm-inline{ display:inline;}
.pc-only{ display: none!important;}


.hc{ margin:0; padding:0; background:#ffffff; color:#FFFFFF; height:50px;box-shadow: 0 1px 2px rgba(41, 26, 26, 0.1); }
  .hc *{ margin:0; padding:0; display:block;}
  .hc .inner{ margin:0 auto; padding:10px 0 10px 0; position:relative;}
  .hc-logo{ 
    margin:0 0 0 10px!important; 
    padding:3px 0 0 5px!important; 
    width:60%!important;
    position: static !important;}
  .hc-sub{ display:block; position: absolute; top:50%; left: 120px; transform: translateY(-50%);}
  .hc-search{ display:none;}
  
  .hc-sm{ height:84px; position:absolute; top:0; right:0;}
  .hc-sm li{ float:left;}
  .hc-sm img{ height:50px; width:50px;}
  .hc_fixed{ position: fixed; top: 0px; width: 100%; z-index: 10000;}
  
  .gm{ margin:0; padding:0; position:absolute; top:50px; left:0; z-index:99999;  width:100%; display:none; font-size: 16px;}
  .gm *{ margin:0; padding:0;}
  .gm .clearfix {
    font-size: 0;
    background:#EB6100;
    height: 72vh;
  }
  .gm .clearfix img{ display:none;}

  .gm .clearfix li { 
    border-top:solid 1px #D95A00; 
    display: inline-block; 
    width: 50%;
    font-size: 16px;
    height: 12vh;
    position: relative;
  }
  .gm .clearfix li:nth-child(odd) {
    border-right: solid 1px #D95A00; 
  }
  .gm .clearfix li a { 
    display:block; 
    color:#FFFFFF; 
    width: 100%;
    height: 100%;
    line-height: 12vh;
    padding-left: 15px;
  }
  .gm .clearfix li::after{
    content:url(/img/menu-tab@sp.svg);
    position: absolute;
    top:50%;
    right:15px;
    transition: 0.2s;
    transform:translateY(-50%) rotate(-90deg);
  }

  .list-ls {
    background-color: #EB5100;
  }
  /* 最下部だけ矢印アイコンを消す */
  .gm .clearfix li:nth-last-child(1):after,
  .gm .clearfix li:nth-last-child(2):after{content: '';}

  .list-ls a span::after {
    content: url(/img/link-mark02.png);
    margin-left: 5px;
    vertical-align: middle;
    pointer-events: none;
  }
  .sns--area {
    width: 100%;
    height: 28vh;
    background-color: #ffffff;
    position: relative;
  }
  .sns-box {
    display: flex;
    text-align: center;
    position: absolute;
    top: 18%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
  .sns-box li {
    margin-right: 15px;
    display: inline-block;
  }
  .sns-box li a {

  }
  .sns-box li img {
    width: 40px;
  }
  
  .gm_fixed{ position: fixed; top: 50px; width: 100%; z-index: 10000;}


.mb{ margin:0 10px; padding:0; position:relative;}

.fc-sns{ position:relative; overflow:hidden; margin-top:35px;}
.fc-sns ul{ margin:0 auto; padding:0; position:relative; left:50%; float:left;}
.fc-sns li{ margin:0 0 0 5px; padding:0; position:relative; left:-50%; float:left;}
.fc-sns li *{ margin:0; padding:0;}
.fc-sns { *zoom: 1;}
.fc-sns:before,
.fc-sns:after { display: table; line-height: 0; content: "";}
.fc-sns:after { clear: both;}

.fc{ margin:20px 0 0 0; padding:0 10px; border-top:dotted 1px #999999; border-bottom:solid 10px #CCCCCC;}
.fc-menu{ margin-top:20px !important;}
.fc-menu a{ display:block; margin:0; padding:10px 7px; background:#F0EDEA url(../../img/201510/ic-smart-fc-menu.png) no-repeat right 5px center; color:#998675; font-size:93%;}
.fc-info{ margin-top:20px;}
.fc-info h2{ margin-top:0;}

.fc-gooday{ margin:20px 0 0 0; text-align:center;}
.fc-gooday img{ margin:0 auto; width:50%; height:auto; display:block;}


/* form */
select{ width:100%;}
select option{ white-space:normal;}


  




/* col */
.sm-col{ margin-top:0;}
.sm-col *{ word-wrap: break-word; overflow-wrap : break-word;}
.sm-col02{ margin-left:-2%; padding:0;}
.sm-col02>*{ margin-top:10px; margin-left:2%; float:left; width:48%;}
.sm-col03{ margin-left:-2%; padding:0;}
.sm-col03>*{ margin-top:0; margin-left:2%; float:left; width:31.333333%;}
.sm-col04{ margin-left:-2%; padding:0;}
.sm-col04>*{ margin-top:10px;margin-left:2%; float:left; width:23%;}
.sm-col05{ margin-left:-1%; padding:0;}
.sm-col05>*{ margin-top:0; margin-left:1%; float:left; width:19%;}
.sm-col06{ margin-left: -0.5%; padding:0;}
.sm-col06>*{ margin-top:0; margin-left:0.5%; float:left; width:16.1%;}
.sm-col07{ margin-left:-0.5%; padding:0;}
.sm-col07>*{ margin-top:0; margin-left:0.5%; float:left; width:13.7857%;}
.sm-col08{ margin-left:-0.5%; padding:0;}
.sm-col08>*{ margin-top:0; margin-left:0.5%; float:left; width:12%;}

.sm-col-21{ margin-left:-2%; padding:0;}
.sm-col-21>*:nth-child(2n){ margin-top:0; margin-left:2%; float:left; width:31%;}
.sm-col-21>*:nth-child(2n+1){ margin-top:0; margin-left:2%; float:left; width:64%;}

.sm-col-12{ margin-left:-2%; padding:0;}
.sm-col-12>*:nth-child(2n){ margin-top:0; margin-left:2%; float:left; width:64%;}
.sm-col-12>*:nth-child(2n+1){ margin-top:0; margin-left:2%; float:left; width:31%;}

.sm-col02>*:nth-child(2n+1){ clear:left;}
.sm-col03>*:nth-child(3n+1){ clear:left;}
.sm-col04>*:nth-child(4n+1){ clear:left;}
.sm-col05>*:nth-child(5n+1){ clear:left;}
.sm-col06>*:nth-child(6n+1){ clear:left;}
.sm-col07>*:nth-child(7n+1){ clear:left;}

.sm-col { *zoom: 1;}
.sm-col:before,
.sm-col:after { display: table; line-height: 0; content: "";}
.sm-col:after { clear: both;}

/* table */
.table-smart{ }
.table-smart th{ display:block; white-space:normal !important; border:none !important;  word-wrap: break-word; overflow-wrap : break-word; width:auto !important; }
.table-smart td{ display:block; white-space:normal !important; border:none !important; word-wrap: break-word !important; overflow-wrap : break-word !important; width:auto !important;}

.table-smart-left th,.table-smart-left td{ text-align:left !important;}


/* youtube */
.youtube_wrap{ width:100%; padding:56.25% 0 0 0; position:relative;}
.youtube_wrap iframe{ margin:0; padding:0; position:absolute; top:0; left:0; width:100%; height:100%;}


/* 2016.08.18 campaign in relative mb */
.floatbnr_pc{ display:none;}
.floatbnr_sm{ position:fixed; width:100%; left:0; bottom:0;}
.floatbnr_sm *{ margin:0; padding: 0;}
.floatbnr_sm img{ display:block;}
.floatbnr_sm .floatbnr_close{ position:absolute; top: 0; right: 0;}
.fc{ margin-bottom:80px;}


/* 2021.4_suizu_css_add */
/* header調整 */
.body-pd{padding-top:50px;}
.hc-fixed{padding-top:-50px;}
/* ハンバーガーメニュー */
.btn-menu {
  position: relative;
}
.btn-trigger {
  position: absolute;
  width: 17px;
  height: 13px;
  cursor: pointer;
  top:14px;
  left:17px;
  pointer-events: none;
}
.btn-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
  border-radius: 4px;
}
.btn-trigger, .btn-trigger span {
  display: inline-block;
  transition: all .5s;
  box-sizing: border-box;
}
.btn-trigger span:nth-of-type(1) {
  top: 0;
}
.btn-trigger span:nth-of-type(2) {
  top: 5.5px;
}
.btn-trigger span:nth-of-type(3) {
  bottom: 0;
}

#btn01.active span:nth-of-type(1) {
  -webkit-transform: translateY(5.5px) rotate(-45deg);
  transform: translateY(6.5px) rotate(-45deg);
}
#btn01.active span:nth-of-type(2) {
  opacity: 0;
}
#btn01.active span:nth-of-type(3) {
  -webkit-transform: translateY(-5.5px) rotate(45deg);
  transform: translateY(-5.5px) rotate(45deg);
}

header {margin: 0; padding: 0;}
.MB {margin: 0 auto; width: 92%;}
.br-sp {display: block;}

/* snsエリア */
.sns-item {
  float: left;
  width: 31.333333%;
  max-height: 122px;
  height: 122px;
  margin-left: 2%;
  background-color: #F0EDEA;
}

/* コンテンツエリア */
.top--ttl {
	margin: 0 auto;
}
/* アコーディオン */
.ac-submenu {display: none;}

#fb-root{margin:0;}