@charset "utf-8";

/* ============================================
    common.css
    2017.09.02  by Otsuka Takashi
    2017.09.09  by Otsuka Takashi
    2017.09.14  by Otsuka Takashi
============================================= */

/* =================================================
  initialize
================================================= */
body {
  background:               #ffffff;
  -webkit-text-size-adjust: 100%;
}

a:link, a:visited {
  color:            #036eb5;
  text-decoration:  none;
}
a:hover, a:active {
  color:            #f09400;
  text-decoration:  underline;
}

img {
  max-width:        100%;
}

.containerA {
  width:            calc(100% - 10px);
  max-width:        640px;
  margin:           0 auto;
  position:         relative;
}

.spHide {
  display:          none;
}

/* =================================================
  tpPusherMenu
================================================= */
#tpPusherMenuBackGround {
  background-color: #000000;
  display:          block;
  height:           100%;
  opacity:          0;
  position:         fixed;
  top:              0;
  right:            0;
  transition:       all 0.3s linear 0s;
  width:            100%;
  z-index:          -1;
}

#tpPusherMenuIcon {
  display:          block;
  background:       #036eb5;
  border-radius:    0 0 0 5px;
  color:            #ffffff;
  cursor:           pointer;
  font-size:        40px;
  width:            40px;
  height:           40px;
  line-height:      1;
  position:         fixed;
  top:              0;
  right:            0;
  text-align:       center;
  transition:       all 0.3s linear 0s;
  z-index:          1000;
}

#tpPusherMenuCheckBox {
  display:          none;
}

#tpPusherMenuCheckBox:checked ~ #tpPusherMenuBackGround {
  opacity:          0.5;
  z-index:          999;
}

#tpPusherMenuCheckBox:checked ~ #tpPusherMenu, #tpPusherMenuCheckBox:checked ~ #tpPusherMenuIcon {
  transform:        translate(-250px);
}

#tpPusherMenu {
  position:         fixed;
  top:              0;
  right:            -250px;
  width:            250px;
  height:           100%;
  background:       #036eb5;
  padding:          10px;
  transition:       transform 0.3s linear 0s;
  z-index:          1000;
}

#tpPusherMenu ul li a {
  display:          block;
  color:            #ffffff;
  font-size:        1.8rem;
  line-height:      1;
  border-bottom:    1px dashed #ffffff;
  padding:          10px;
}

#tpPusherMenu ul li a:before {
  content:          "» ";
}

/* =================================================
  header
================================================= */
header {
  border-top:       10px solid #036eb5;
}

header section {

}

header section h1 a {
  display:          block;
  width:            216px;
  height:           47px;
  background:       url('/tpGlobalSettings/img/logoOss.svg') no-repeat;
  background-size:  100%;
  text-indent:      -9999px;
  margin:           10px auto;
}

header section ul li:nth-child(1) a {
  display:          block;
  width:            160px;
  height:           42px;
  background:       url('/tpGlobalSettings/img/tel.svg') no-repeat;
  background-size:  100%;
  text-indent:      -9999px;
  margin:           10px auto;
}

header section ul li:nth-child(2) a {
  display:          none;
}

header section ul li:nth-child(3) {
  display:          none;
}

header nav ul#gNav {
  display:          none;
}

/* =================================================
  footer
================================================= */
footer {
  background:       #036eb5;
  color:            #ffffff;
  font-size:        1.4rem;
  padding:          0 0 20px 0;
}

footer a:link, footer a:visited {
  color:            #ffffff;
}

footer a:hover, footer a:active {
  color:            #ffff00;
  text-decoration:  underline;
}

footer hr {
  color:            #ffffff;
  border-top:       1px solid #ffffff;
  margin:           2em 0;
}

footer div#footerNav {

}

footer div#footerNav dl {
  margin:           10px auto 20px auto;
}

footer div#footerNav dl dt {
  font-size:        2.0rem;
  font-weight:      bold;
  color:            #036eb5;
  background:       #ffffff;
  border-radius:    3px;
  padding:          3px 20px;
  text-align:       center;
  margin:           0 0 10px 0;
}

footer div#footerNav dl dd {
  margin:           10px 0 10px 10px;
  font-size:        1.4rem;
  font-weight:      bold;
}

footer div#footerNav dl dd a:before {
  content:          "» ";
}

footer div#footerName {

}

footer div#footerName h2 a {
  display:          block;
  width:            200px;
  height:           55px;
  background:       url('/tpGlobalSettings/img/logoOss2.svg') no-repeat;
  text-indent:      -9999px;
  margin:           10px auto;
}

footer div#footerName p:nth-child(2) {
  text-align:       center;
}

footer div#footerName p:nth-child(3) {
  text-align:       center;
}

footer address {
  text-align:       center;
  margin:           20px 0 0 0 !important;
}
/* =================================================
  pagetop
================================================= */
#pageTop {
  position:         fixed;
  bottom:           20px;
  right:            20px;
}
#pageTop a {
  display:          block;
  width:            90px;
  height:           90px;
  background:       url('/tpGlobalSettings/img/pageTop.svg') no-repeat;
  text-indent:      -9999px;
  opacity:          0.8;
}