/**
 * smp-layout.css
 */

/* //////////////////////////////////////////// */
/* ///// BLOCK LAYOUT////////////////////////// */
/* //////////////////////////////////////////// */

/* PAGE-BLOCK
--------------------------- */
.PB_ {
  clear: both;
  box-sizing: border-box;
  margin-bottom: 15px;
  width: 100%;
}

/* CONTENT-BLOCK
--------------------------- */
.CB_ {
  position: relative;
  box-sizing: border-box;
  margin-bottom: 15px;
  padding: 10px;
  width: 100%;
  overflow: hidden;
}

/* CB_の余白を定義
--------------------------- */
.Pdg0_  { padding: 0; }
.Pdg10_ { padding: 10px; }
.Pdg15_ { padding: 10px; }
.Pdg25_ { padding: 10px; }
.Pdg30_ { padding: 10px; }
.Pdg10_15_ { padding: 10px 10px; }
.Pdg15_30_ { padding: 10px 10px; }
.Pdg30_15_ { padding: 10px 10px; }

/* //////////////////////////////////////////// */
/* ///// BOX LAYOUT /////////////////////////// */
/* //////////////////////////////////////////// */

/* 見出しBOX
--------------------------- */
.CB_ .HeadingBox_ { margin-bottom: 5px; }
.HeadingBox_ { margin-bottom: 7px; }

/* テキストBOX
--------------------------- */
.CB_ .TextBox_ { margin-bottom: 5px; }
.TextBox_ { margin-bottom: 7px; }

.TextBox_ p,
.TextBox_ ul,
.TextBox_ ol {
  margin: 0;
}

.TextBox_ p + p,
.TextBox_ p + ul,
.TextBox_ p + ol,
.TextBox_ ul + p,
.TextBox_ ul + ul,
.TextBox_ ul + ol,
.TextBox_ ol + p,
.TextBox_ ol + ul ,
.TextBox_ ol + ol {
  margin-top: 13px;
}

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

/* 画像BOX
--------------------------- */
.CB_ .ImageBox_ { margin-bottom: 5px; }
.ImageBox_ {
  margin-bottom: 7px;
  text-align: center;
}

/* 画像サイズ */
.ImageBox_ img {
  max-width: 100%;
  vertical-align: bottom;
}

img.W50Smp_ { max-width: 50% !important; }
img.W25Smp_ { max-width: 25% !important; }

/* 画像テキスト回り込み */
img.LeftImg_  { float: left;  margin-right: 10px; }
img.RightImg_ { float: right; margin-left: 10px; }

/* テキストの回り込み禁止 */
.NoFloat_ { overflow: hidden; }

/* ボタンBOX
--------------------------- */
.CB_ .ButtonBox_ { margin-bottom: 0; }
.ButtonBox_ { margin-bottom: 10px; padding-top: 1px;}

/* テーブルBOX
--------------------------- */
.TableBox_ { margin-bottom: 10px; }
.TableBox_ table {
  width: 100%;
  border-collapse: collapse;
}
.TableBox_ th {
  padding: 5px;
  width: 35%;
  text-align: center;
  font-weight: normal;
}
.TableBox_ td { padding: 5px; }

.TableBox_ table.ThW100Smp_ th,
.TableBox_ table.TdW100Smp_ td {
  display: block;
  box-sizing: border-box;
  width: 100% !important;
}
.TableBox_ td.DispNoSmp_,
.TableBox_ th.DispNoSmp_ {
  display: none !important;
}

/* GoogleMap BOX
--------------------------- */
.GMapBox_ {
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 300px;
  height: 0;
  overflow: hidden;
}
.GMapBox_ iframe,.GMapBox_ object,.GMapBox_ embed {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* ///// SET-BLOCK margin-bottom /////////////////// */
.SB_ > :last-child { margin-bottom: 0; }
.SetBox_ > :last-child { margin-bottom: 0; }

/* ///// for SMP VALUE //////////////////////// */
/* Margin Bottom */
.MgnB0_   { margin-bottom:    0 !important; }
.MgnB5_   { margin-bottom:  5px !important; }
.MgnB10_  { margin-bottom: 10px !important; }
.MgnB15_  { margin-bottom: 10px !important; }
.MgnB20_  { margin-bottom: 15px !important; }
.MgnB30_  { margin-bottom: 20px !important; }
.MgnB40_  { margin-bottom: 25px !important; }
.MgnB50_  { margin-bottom: 30px !important; }
.MgnB70_  { margin-bottom: 40px !important; }
.MgnB100_ { margin-bottom: 50px !important; }
.MgnB200_ { margin-bottom: 50px !important; }
.MgnB300_ { margin-bottom: 50px !important; }

/* Padding Top*/
.PdgT0_  { padding-top:  0px !important; }
.PdgT5_  { padding-top:  5px !important; }
.PdgT10_ { padding-top: 10px !important; }
.PdgT15_ { padding-top: 15px !important; }
.PdgT20_ { padding-top: 20px !important; }
.PdgT30_ { padding-top: 20px !important; }

/* Font Size */
.FS9_  { font-size:  9px !important; }
.FS11_ { font-size: 11px !important; }
.FS13_ { font-size: 13px !important; }
.FS15_ { font-size: 15px !important; }
.FS18_ { font-size: 18px !important; }
.FS20_ { font-size: 20px !important; }
.FS23_ { font-size: 20px !important; }
.FS25_ { font-size: 20px !important; }
.FS28_ { font-size: 20px !important; }
.FS30_ { font-size: 25px !important; }
.FS40_ { font-size: 25px !important; }

/* Width */
.W100P_ { width: 100%; }

/* ---------- PC COM STYLE ---------- */
/* ///// BORDER STYLE ///////////////////////// */
/* 線の種類
.Bdr_,.BdrT_,.BdrB_,.BdrTB_,.BdrL_,.BdrR_,.BdrLR_ { border: 1px #ccc solid; }
.Dotted_ { border-color: gray; border-style: dotted; }
.Dashed_ { border-color: gray; border-style: dashed; }
--------------------------- */
.Bdr_,.BdrT_,.BdrB_,.BdrTB_,.BdrL_,.BdrR_,.BdrLR_ { border: 1px solid; }

.Dotted_ { border-style: dotted; }
.Dashed_ { border-style: dashed; }

/* 線の配置
--------------------------- */
.BdrT_  { border-left: none; border-right: none; border-bottom: none;  }
.BdrB_  { border-left: none; border-right: none; border-top: none; }
.BdrTB_ { border-left: none; border-right: none; }
.BdrL_  { border-top: none; border-bottom: none; border-right: none; }
.BdrR_  { border-top: none; border-bottom: none; border-left: none; }
.BdrLR_ { border-top: none; border-bottom: none; }

/* 線の太さ
--------------------------- */
.BdrW3_  { border-width: 3px; }
.BdrW5_  { border-width: 5px; }
.BdrW10_ { border-width: 10px; }

/* ///// PC+SMP PARTS ///////////////////////// */
.aLeft_   { text-align: left; }
.aCenter_ { text-align: center; }
.aRight_  { text-align: right; }
.fLeft_   { float: left; }
.fRight_  { float: right; }

/* 背景角丸 */
.Rdu10_ { border-radius:10px; }
.Rdu15_ { border-radius:15px; }

/* フォントスタイル */
.Bold_ { font-weight: bold !important; }
.Italic_ { font-style: italic !important; }

