/**
 * pc-layout.css
 */

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

/* SET-BLOCK
--------------------------- */
.SB_ {
  box-sizing: border-box;
  margin-bottom: 15px;
}

/* PAGE-BLOCK
--------------------------- */
.PB_ {
  position: relative;
  box-sizing: border-box;
  margin-bottom: 15px;
}
.PB_:after {
  clear: both;
  display: block;
  content: "";
}

/* CONTENT-BLOCK
--------------------------- */
.CB_ {
  position: relative;
  box-sizing: border-box;
  padding: 10px;
  overflow: hidden;
}

/* --- CB_の横幅を定義 --- */
.Col2_ .CB_.Mgn0_ {
  float: left;
  margin: 0;
  width: 50%;
}
.Col3_ .CB_.Mgn0_ {
  float: left;
  margin: 0;
  width: 33.3333%;
}
.Col4_ .CB_.Mgn0_ {
  float: left;
  margin: 0;
  width: 25%;
}
.Col5_ .CB_.Mgn0_ {
  float: left;
  margin: 0;
  width: 20%;
}

.Col2_ .CB_ {
  float: left;
  margin: 0 0 0 4%;
  width: 48%;
}
.Col3_ .CB_ {
  float: left;
  margin: 0 0 0 2%;
  width: 32%;
}
.Col4_ .CB_ {
  float: left;
  margin: 0 0 0 2%;
  width: 23.5%;
}
.Col5_ .CB_ {
  float: left;
  margin: 0 0 0 2%;
  width: 18.4%;
}

/* --- 開始CB_リセット --- */
.Col2_ .CB_:first-child,
.Col3_ .CB_:first-child,
.Col4_ .CB_:first-child,
.Col5_ .CB_:first-child {
  margin-left: 0;
}
.Col2_ .CB_:nth-child(2n+1),
.Col3_ .CB_:nth-child(3n+1),
.Col4_ .CB_:nth-child(4n+1),
.Col5_ .CB_:nth-child(5n+1) {
  margin-left: 0;
}

.Mgn30_ { margin: 30px !important; }

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

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

/* 見出しBOX
.CB_ .HeadingBox_ { margin-bottom: 5px; }
--------------------------- */
.HeadingBox_ { box-sizing: border-box; margin-bottom: 15px; }

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

.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: 15px;
}

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

.ImageBox_ img { vertical-align: bottom; }

/* 画像テキスト回り込み */
img.LeftImg_,
img.LeftImgPC_ {
  float: left;
  margin-right: 15px;
  margin-bottom: 5px;
}
img.RightImg_,
img.RightImgPC_ {
  float: right;
  margin-left: 15px;
  margin-bottom: 5px;
}

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

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

/* 画像ボタン */
.ButtonBox_ a.ImgBtnY_,
.ButtonBox_ a.ImgBtnX_ {
  display: block;
  margin: 0 auto;
  padding: 0;
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: -9999px
}
.ButtonBox_ a.ImgBtnY_:hover { background-position: bottom left; }
.ButtonBox_ a.ImgBtnX_:hover { background-position: top right; }

/* テーブルBOX
.CB_ .TableBox_{ margin-bottom: 10px; }
--------------------------- */
.TableBox_ { margin-bottom: 15px; }

.TableBox_ table { width: 100%; }
.TableBox_ th { padding: 10px; }
.TableBox_ td { padding: 10px; }

/* GoogleMap BOX
.CB_ .GMapBox_ { margin-bottom: 10px; }
--------------------------- */
.GMapBox_ {
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 500px;
  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 PC VALUE ///////////////////////// */
/* Margin Bottom */
.MgnB0_   { margin-bottom:   0px !important; }
.MgnB5_   { margin-bottom:   5px !important; }
.MgnB10_  { margin-bottom:  10px !important; }
.MgnB15_  { margin-bottom:  15px !important; }
.MgnB20_  { margin-bottom:  20px !important; }
.MgnB30_  { margin-bottom:  30px !important; }
.MgnB40_  { margin-bottom:  40px !important; }
.MgnB50_  { margin-bottom:  50px !important; }
.MgnB70_  { margin-bottom:  70px !important; }
.MgnB100_ { margin-bottom: 100px !important; }
.MgnB200_ { margin-bottom: 200px !important; }
.MgnB300_ { margin-bottom: 300px !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: 30px !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: 23px !important; }
.FS25_ { font-size: 25px !important; }
.FS28_ { font-size: 28px !important; }
.FS30_ { font-size: 30px !important; }
.FS40_ { font-size: 40px !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; }