@charset "UTF-8";
/* CSS Document */
/******************************************************************************
文字
******************************************************************************/
.u-serif {
  font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/*text-align*/
.u-ac {
  text-align: center;
}
.u-al {
  text-align: left;
}
.u-ar {
  text-align: right;
}
/*line-hight*/
.u-line-hightS{
line-height: 1.714  ;
}
.u-line-hightM{
line-height: 2;
}
.u-line-hightL{
line-height: 2.176;
}



/*font-weight*/
.u-fWeight500 {
  font-weight: 500;
}
.u-fWeight600 {
  font-weight: 600;
}
.u-fWeight700 {
  font-weight: 700;
}
/*font-size*/
.u-fontsize-Xxs{
 font-size: 0.75em;/*12*/
}
.u-fontsize-Xs{
 font-size: 0.875em;/*14*/
}
.u-fontSize-S{
 font-size: 1.063em;/*17*/
}
.u-fontSize-M{
 font-size: 1.125em;/*18*/
}
.u-fontSize-Mm{
 font-size: 1.25em;/*20*/
}
.u-fontSize-2Mm{
 font-size: 1.5em;/*24*/
}
.u-fontSize-3Mm{
 font-size: 1.625em;/*26*/
}
.u-fontSize-L{
 font-size: 1.875em;/*30*/
}
/*文字色*/
.u-fontColor-ff6699{/*ピンク*/
  color:#ff6699; 
}
.u-fontColor-ff6600{/*オレンジ*/
  color:#ff6600; 
}
.u-fontColor-669933{/*深緑*/
  color:#669933; 
}
.u-fontColor-666{/*灰色*/
  color:#666; 
}
.u-fontColor-fff{/*白色*/
  color:#fff; 
}
/*縦書き*/
.verticalWriting{
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
/******************************************************************************
 Border
******************************************************************************/
.u-borderAll {
 border: 1px solid #cccccc;
}
.u-borderAll_000 {
 border: 1px solid #cccccc;
}
.u-borderAll_fff {
 border: 1px solid #cccccc;
}
.u-borderBottom {
 border-bottom: 1px solid #cccccc;
}
.u-borderBottom__fff {
 border-bottom: 1px solid #cccccc;
}
.u-borderTop {
 border-top : 1px solid #cccccc;
}
.u-borderLeft {
 border-left: 1px solid #cccccc;
}
.u-borderRight {
 border-right: 1px solid #cccccc;
}
.u-borderLeftright{
 border-right: 1px solid #cccccc;
 border-left: 1px solid #cccccc;
}
.u-borderUpDown{
 border-top: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
}
/*角丸*/
.u-boderRadius__5{
  border-radiusM: 5px;
}
/******************************************************************************
 margin
******************************************************************************/
.u-m-auto {
	margin:auto;
}
.u-mx-auto {
	margin-left: auto;
	margin-right: auto;
}
.u-my-auto {
	margin-top: auto;
	margin-bottom: auto;
}
.u-mt-auto {
	margin-top: auto;
}
.u-mr-auto {
	margin-right: auto;
}
.u-ml-auto {
	margin-left: auto;
}
.u-mb-auto {
	margin-bottom: auto;
}
.u-mb-Xxs {
 margin-bottom: 0.625em;/*10*/
}
.u-mb-Xs {
 margin-bottom: 1.25em;/*20*/
}
.u-mb-s {
 margin-bottom: 1.875em;/*30*/
}
.u-mb-S {
 margin-bottom: 2.5em;/*40*/
}
.u-mb-M {
 margin-bottom: 3.125em;/*50*/
}
.u-mb-L {
 margin-bottom: 3.75em;/*60*/
}
.u-mb-lL {
 margin-bottom: 5.625em;/*90*/
}
.u-mb-2L {
 margin-bottom:6.25em;/*100*/
}

/******************************************************************************
padding
******************************************************************************/
/*top*/
.u-pt-Xxs {
 padding-top: 0.625em;/*10*/
}
.u-pt-Xs {
 padding-top: 1.25em;/*20*/
}
.u-pt-s {
 padding-top: 1.875em;/*30*/
}
.u-pt-S {
 padding-top: 2.5em;/*40*/
}
.u-pt-M {
 padding-top: 3.125em;/*50*/
}
.u-pt-L {
 padding-top: 3.75em;/*60*/
}
.u-pt-lL {
 padding-top: 5.625em;/*90*/
}
.u-pt-2L {
 padding-top:6.25em;/*100*/
}

/*bottom*/
.u-pb-Xxs {
 padding-bottom: 0.625em;/*10*/
}
.u-pb-Xs {
 padding-bottom: 1.25em;/*20*/
}
.u-pb-xs {
 padding-bottom: 1.875em;/*30*/
}
.u-pb-S {
 padding-bottom: 2.5em;/*40*/
}
.u-pb-M {
 padding-bottom: 3.125em;/*50*/
}
.u-pb-L {
 padding-bottom: 3.75em;/*60*/
}
.u-pb-lL {
 padding-bottom: 5.625em;/*90*/
}
.u-pb-2L {
  padding-bottom:6.25em;/*100*/
}

/******************************************************************************
display:none
******************************************************************************/
.u-pcNone {
  display: none;
}
.u-spNone {
  display: block;
}
@media screen and (max-width:768px) {
  .u-pcNone {
    display: block!important;
  }
  .u-spNone {
    display: none!important;
  }
}