@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*
* Noto Sans JP (japanese) https://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format('opentype');
 }
 
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.otf) format('opentype');
 }
.bousui{
	font-family:Arial, Helvetica, sans-serif;
}
.base {
	background-repeat: repeat-x;
	background-image: url(images/top_back.gif), url(images/under_back.gif);
	background-repeat: repeat-x;
	background-position: top,bottom;
	text-align: center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#menu {
	width: 860px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 80px;
}
.header {
	margin-bottom: 18px;
}
.fo_font {
	font-size: 10px;
	text-align: left;
	letter-spacing: 1px;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
}
.footer_logo {
	margin-top: 70px;
	margin-bottom: 20px;
	font-size: 10px;
	text-align: center;
	color: #FFF;
}
p.box {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	width: 860px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
.otoi_link {
	margin-top: 40px;
	text-align: center;
	margin-bottom: 40px;
}


.topmoji {
	margin:8px 0 10px 0;
	font-family: 'Noto Sans Japanese', serif;
	font-size: 24px;
	color: #C00;
}
.topmoji2 {
	margin:20px 0 0 0;
	font-family: 'Noto Sans Japanese', serif;
	font-size: 20px;
	color: #C00;
}
.jisseki {
	text-align: left;
	width: 860px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-size: 14px;
	color: #FFF;
}
.hr {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-bottom: 50px;
}
.triangle {
    width: 100px;
    height: 100px;
    border: #eee 1px solid;
    margin: 0 auto;
    position: relative;
}

/* ラベル部分 左上に表示 */
.triangle::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 4em solid transparent;
    border-left: 4em solid #e60012; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;
}
.triangle::after {
    content: "New!";
    display: block;
    top: 5px;
    transform: rotate(-45deg);
    color: #fff; /* 文字色はここで変更 */
    left: 0;
    position: absolute;
    z-index: 101;
}
#menu div a{ position:relative;}
#menu div a:after{
  content: "";
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-47%,-50%);
  display: inline-block;
  pointer-events: none;
  width: 180%;
  height: 120%;
}
#menu div a:hover:after{
  background: url(images/paint.png);
  background-size: contain; 
  background-repeat: no-repeat;
  background-position: center center;
}
#menu div #paintno:after{
  background: url(images/paint.png);
  background-size: contain; 
  background-repeat: no-repeat;
  background-position: center center;
}
.flex{display: -webkit-flex;
   display: flex;
}
.base {
	background-repeat: repeat-x;
	background-image: url(images/top_back.gif), url(images/under_back.gif);
	background-repeat: repeat-x;
	background-position: top,bottom;
	text-align: center;
	width: 860px;
	margin: auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}