@charset "utf-8";

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

/* =============================================================

　　スマホ画面 共通設定

============================================================= */


/*  全体 共通設定
--------------------------------------------- */

html {
}

/*  画像 共通設定
-------------------------- */

/* スマホ用画像 */

.mediaSP,
img.mediaSP {
  display: inline;
}

p.mediaSP,
div.mediaSP {
  display: block;
}

.mediaPC {
  display: none;
}


/*  アイコン　設定
-------------------------- */

/* -- 矢印白文字 -- */

.btnArwWhite:before {
  position: absolute;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  background: none;
  width: 6px;
  height: 6px;
  margin-top: -5px;
  content: "";
}

/*　フルスクリーン背景　設定
--------------------------------------------- */

.backstretch {
  display: none;
}

.backstretchsp {
  display: block;
}


/* 　コンテナー　レイアウト設定
--------------------------------------------- */

#container {
  font-size: 0.9em;
}

/* 　ヘッダー 共通設定
--------------------------------------------- */
#header #title {
  font-size: 0.94em;
}

#header #title > * {
  height: 106px;
}

#header p {
  width: 100px;
  padding: 0;
  font-size: 1.6em;
}

#header p:after {
  border: 50px solid #ccc;
  border-top: 106px solid #ccc;
  border-bottom: 28px solid transparent;
}

#header h1 {
  padding: 0.4em 0.8em;
  font-size: 1.5em;
}

/*  コンテンツ レイアウト・共通設定
--------------------------------------------- */

#content {
}


#content img {
  max-width: 100%;
  max-height: 100%;
}

.boxInner {
}


/*  フッター 共通設定
--------------------------------------------- */

#footer {
  font-size: .9em;
}

#footer .boxInner {
  padding: 20px 40px;
}

/* ---- Footer Logo ---- */

#footer .boxFooterLogo {
  text-align: left;
}

#footer .boxFooterLogo img {
  width: 180px;
}


/* -------- フッター下部 -------- */

#footerBtm {
}

#footerBtm .boxInner {
  padding: 20px 0;
  text-align: center;
}

/* ---- Copyright ---- */

#footer  #copyright {
  text-align: center;
}


/* ---- Page Top ---- */

#footer #pagetop {
  display: block;
  right: 10px;
  bottom: 15px;
  width: 40px;
  height: 40px;
  margin-left: 0;
}

#footer #pagetop a:before,
#footer #pagetop a:after {
  margin-top: -14px;
  margin-left: -10px;
  border-width: 9px 10px;
}

#footer #pagetop a:after {
  margin-top: -12px;
}

}