@charset "UTF-8";

/* ===========================================================
MODULE
=========================================================== */
.u-pcOnly { display: block;}
.u-spOnly { display: none;}

.u-center { text-align: center;}
.u-right { text-align: right;}
.u-left { text-align: left;}

.f-cinzel { font-family: "Cinzel", Georgia, "Times New Roman", Times, serif !important;}

.u-pcCenter { text-align: center;}

.u-widthS { width: 100%; max-width: 1080px; padding: 0 40px; margin: auto;}
.u-widthM { width: 100%; max-width: 1280px; padding: 0 40px; margin: auto;}
.u-widthL { width: 100%; max-width: 1480px; padding: 0 40px; margin: auto;}
.u-widthL .u-widthM { max-width: 1200px; padding: 0; margin-left: auto; margin-right: auto;}


.page-template-page-widthS .entry-content .u-widthS,
.page-template-page-widthS .entry-content .u-widthM,
.page-template-page-widthS .entry-content .u-widthL { padding: 0;}

.page-template-page-widthM .entry-content .u-widthS,
.page-template-page-widthM .entry-content .u-widthM,
.page-template-page-widthM .entry-content .u-widthL { padding: 0;}

.page-template-page-widthL .entry-content .u-widthS,
.page-template-page-widthL .entry-content .u-widthM,
.page-template-page-widthL .entry-content .u-widthL { padding: 0;}

.u-mt00 { margin-top: 0!important;}
.u-mb00 { margin-bottom: 0!important;}
.u-ml00 { margin-left: 0!important;}
.u-mr00 { margin-right: 0!important;}

.u-maxW100  { max-width:  100px!important;}
.u-maxW200  { max-width:  200px!important;}
.u-maxW300  { max-width:  300px!important;}
.u-maxW400  { max-width:  400px!important;}
.u-maxW500  { max-width:  500px!important;}
.u-maxW600  { max-width:  600px!important;}
.u-maxW700  { max-width:  700px!important;}
.u-maxW800  { max-width:  800px!important;}
.u-maxW900  { max-width:  900px!important;}
.u-maxW1000 { max-width: 1000px!important;}

.u-indent { text-indent: -1em; padding-left: 1em;}

.u-fCinzel { font-family: "Cinzel"!important; font-style: normal;}

.u-fontSS { font-size: 80%!important;}
.u-fontS { font-size: 85%!important;}
.u-fontM { font-size: 100%!important;}
.u-fontL { font-size: 120%!important;}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
  .u-widthS { padding: 0 30px;}
  .u-widthM { padding: 0 30px;}
  .u-widthL { padding: 0 30px;}
}
@media screen and (max-width: 500px) {
  .u-pcOnly { display: none;}
  .u-spOnly { display: block;}

  .u-pcCenter { text-align: left;}

  .u-widthS { padding: 0 20px;}
  .u-widthM { padding: 0 20px;}
  .u-widthL { padding: 0 20px;}
}