@charset "UTF-8";
body {
  -webkit-text-size-adjust: 100%; }

.h1, h1 {
  font-size: 1.8rem; }

.h1, h1 a:hover {
  text-decoration: none;
  color: #1d0432; }

/* ------------H3 title 背景----------------*/
/* ------------サイトタイトル-----------------*/
.New_graduate {
  padding: 10px 5px 5px;
  color: #1d0432;
  background: url(../../../img/line_02.png) 0 no-repeat;
  background-size: cover;
  font-size: 1.5rem; }

.MblsearchTitle {
  padding: 10px 5px 5px;
  color: #1d0432; }

.MblsearchTitle_01 {
  background: url(../../../img/line_01.png) 0 no-repeat;
  background-size: cover;
  font-size: 1.4rem;
  text-shadow: 2px 2px 2px #ffffff, -4px -1px 3px #ffffff, 1px -2px 2px #ffffff, -2px -2px 3px #ffffff, -2px 2px 3px #ffffff; }

.MblsearchTitle_02 {
  background: url(../../../img/line_02.png) 0 no-repeat;
  background-size: cover;
  font-size: 1.5rem;
  text-shadow: 2px 2px 2px #ffffff, -4px -1px 3px #ffffff, 1px -2px 2px #ffffff, -2px -2px 3px #ffffff, -2px 2px 3px #ffffff; }

.MblsearchTitle_03 {
  background: url(../../../img/line_01.png) 0 no-repeat;
  background-size: cover;
  font-size: 1.5rem; }

.NewsTitle,
.LinkTitle,
.AboutTitle,
.ThewayTitle,
.MblRulesTitle {
  padding: 10px 5px 5px;
  color: #1d0432;
  background: url(../../../img/line_01.png) 0 no-repeat;
  background-size: cover;
  font-size: 1.4rem; }

/* ------------リンク----------------*/
a {
  color: #043226; }

/* ------------Y:\htdocs\php56\kariyax\app\View\Layouts\exmbl.tpl-----------------*/
/* ------------ヘッダー画像-----------------*/
.HeaderBlock {
  position: relative;
  background: url(../../../img/mobile/topslider_01.jpg) 0 0 no-repeat;
  background-size: cover;
  overflow: visible; }

.HeaderBlock {
  margin-bottom: 20px; }
  @media (max-width: 320px) {
    .HeaderBlock {
      height: 250px;
      background-position: center top; } }
  @media (min-width: 320px) and (max-width: 768px) {
    .HeaderBlock {
      height: 270px;
      background-position: center top; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .HeaderBlock {
      height: 350px;
      /*       background-position: center top;		*/ } }
  @media (min-width: 1024px) and (max-width: 1366px) {
    .HeaderBlock {
      height: 370px;
      /*     background-position: center;		*/ } }
  @media (min-width: 1366px) {
    .HeaderBlock {
      height: 370px;
      /*    background-position: center;		*/ } }

.TopTitle {
  margin-top: 3rem; }
  @media (min-width: 320px) and (max-width: 768px) {
    .TopTitle {
      margin-top: 2.2rem; } }

.TopTitle__sitetitleimg,
.TopTitle__subtitleimg {
  vertical-align: bottom;
  /* @include -shadow; */ }

@media (max-width: 320px) {
  .TopTitle__sitetitleimg {
    width: 70%; } }

@media (min-width: 320px) and (max-width: 768px) {
  .TopTitle__sitetitleimg {
    width: 60%;
    padding-bottom: 0.25rem; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .TopTitle__sitetitleimg {
    width: 50%;
    padding-bottom: 1rem; } }

@media (min-width: 1024px) and (max-width: 1366px) {
  .TopTitle__sitetitleimg {
    width: 30%;
    padding-top: 1rem;
    padding-bottom: 1rem; } }

@media (min-width: 1366px) {
  .TopTitle__sitetitleimg {
    width: 30%;
    padding-top: 1rem;
    padding-bottom: 1rem; } }

/* ------------サブタイトル漢字-----------------*/
@media (max-width: 320px) {
  .TopTitle__subtitleimg {
    width: 80%; } }

@media (min-width: 320px) and (max-width: 768px) {
  .TopTitle__subtitleimg {
    width: 65%;
    padding-bottom: 1rem; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .TopTitle__subtitleimg {
    width: 50%;
    padding-bottom: 1rem; } }

@media (min-width: 1024px) and (max-width: 1366px) {
  .TopTitle__subtitleimg {
    width: 30%;
    padding-bottom: 1.5rem; } }

@media (min-width: 1366px) {
  .TopTitle__subtitleimg {
    width: 30%;
    padding-bottom: 1.5rem; } }

/* ------------サブタイトル　英語-----------------*/
.TopTitle__subtitleen {
  display: block; }
  @media (max-width: 320px) {
    .TopTitle__subtitleen {
      font-size: 0.8rem; } }
  @media (min-width: 320px) and (max-width: 768px) {
    .TopTitle__subtitleen {
      font-size: 1rem; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .TopTitle__subtitleen {
      font-size: 1rem; } }
  @media (min-width: 1024px) and (max-width: 1366px) {
    .TopTitle__subtitleen {
      font-size: 1.8rem; } }
  @media (min-width: 1366px) {
    .TopTitle__subtitleen {
      font-size: 1.8rem; } }

/* ------------提供表記　Block-----------------*/
.Provider {
  position: absolute;
  bottom: 0;
  font-size: 1.2rem; }
  @media (min-width: 320px) and (max-width: 768px) {
    .Provider {
      bottom: 20px; } }

/* ------------刈谷ロゴマーク-----------------*/
.Provider__logo {
  font-size: 1rem;
  margin-bottom: 0; }

.Provider__logoimg {
  max-width: 40px;
  margin-right: 5px;
  vertical-align: text-bottom;
  -webkit-filter: drop-shadow(2px 2px 2px #ffffff);
          filter: drop-shadow(2px 2px 2px #ffffff);
  /*
		filter:drop-shadow(-4px -1px 3px #ffffff);
		filter:drop-shadow(1px -2px 2px #ffffff);
		filter:drop-shadow(-2px -2px 3px #ffffff);
		filter:drop-shadow(-2px 2px 3px #ffffff);

	 */ }

/* ------------刈谷英語イメージ画像-----------------*/
.Provider__kariyaimg {
  text-shadow: 2px 2px 2px #ffffff, -4px -1px 3px #ffffff, 1px -2px 2px #ffffff, -2px -2px 3px #ffffff, -2px 2px 3px #ffffff;
  /*
          @include MediaQueryMobile{
            width:40%;
        }
       @include MediaQueryPhablet{
            width:50%;
        }
       @include MediaQueryTablet{
            width:40%;
        }
       @include MediaQueryPc{
            width:50%;
        }
        @include MediaQueryLargePc{
            width:50%;
        }

     */ }

/* ------------刈谷提供漢字-----------------*/
.Provider__kariya {
  background: rgba(255, 255, 255, 0.9);
  padding: 3px;
  border-radius: 3px; }
  @media (max-width: 320px) {
    .Provider__kariya {
      font-size: 1rem; } }
  @media (min-width: 320px) and (max-width: 768px) {
    .Provider__kariya {
      font-size: 1rem; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .Provider__kariya {
      font-size: 1.5rem; } }
  @media (min-width: 1024px) and (max-width: 1366px) {
    .Provider__kariya {
      font-size: 1.5rem; } }
  @media (min-width: 1366px) {
    .Provider__kariya {
      font-size: 1.5rem; } }

.Event__Box {
  background: rgba(241, 231, 233, 0.37) url(../../../img/line_02.png) 0 0 repeat-x;
  margin-top: -20px; }

.Event1 {
  max-width: 250px; }

.Event2 {
  max-width: 900px; }

.Event_img {
  width: 100%; }