body {
	font-family: "M PLUS Rounded 1c";

  }


footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
	background-color: #EDF2C7;

}

footer p {
  margin-bottom: .25rem;

}

p{
	font-size: 18px;
}

.line{
 border-top: 5px solid #0A8200;

}

.head{
	background-image:url("img/main-bg.png");
	background-size: cover;
	background-repeat: no-repeat;
}

h2{
	background-color: #0A8200;
		font-weight: bold;
	color: #ffffff;
	text-align: center;
	padding: 20px;
	margin: 0;
}
.contents1_bg{
	background-image:url("img/contents1_bg.png");
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0
}
.bgColor-green{
	background-color: #f4f8e1;
}
.font-mod1{
	font-size: 20px;
	font-weight: bold;
	color: #e92684;
	text-align: center;
}
.mt-10{
	margin-top: 10px;
}
.mt-20{
	margin-top: 20px;
}
.mt-40{
	margin-top: 40px;
}
.mt-60{
	margin-top: 60px;
}
.mt-80{
	margin-top: 80px;
}
.mb-20{
	margin-bottom: 20px;
}
.mb-40{
	margin-bottom: 40px;
}
.mb-180{
	margin-bottom: 180px;
}
.pt-10{
	padding-top: 10px;
}
.pb-10{
	padding-bottom: 10px;
}
.pb-20{
	padding-bottom: 20px;
}
.pb-40{
	padding-bottom: 40px;
}
.pb-60{
	padding-bottom: 60px;
}



h3{
	color: #0A8200;
	font-size: 32px;
	text-align: center;
	font-weight: bold;
}

.title-01 {
    position: relative;
}
    /* 下三角 */
    .title-01:after {
        border: 30px solid transparent;
        border-top-color: #0A8200;
        border-bottom-width: 0;
        bottom: -29px;
        content: "";
        display: block;
        left: 45%;
        position: absolute;
        width: 0;
    }

		/*-- PC版表示CSS  --*/
		.pc_area{
		  display:block;
		}
		.phone_area{
		  display:none;
		}


		/*-- スマホ版表示CSS  --*/
		@media screen and (max-width: 768px){
		  .pc_area{
		    display:none;
		  }
		  .phone_area{
		    display:block;
		  }
		}


		h4 {
		color: #0A8200;/*文字色*/
		background: #9ecc3e;
		border: solid 3px #9ecc3e;/*線色*/
		padding: 0.5em;/*文字周りの余白*/
		border-radius: 0.5em;/*角丸*/
		font-weight: bold;
		}

.size18 {
  font-size: 18px;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-weight: 700;
}

.size12{
	font-size: 12px;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-weight: 700;
	color: orange;
}
.size30{
	font-size: 30px;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-weight: 700;
	color: green;
}
.size14{
	font-size: 14px;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-weight: 700;
	color: black;
}

.footer_top{
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.size11{
	font-size: 11px;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-weight: lighter;
	color: black;
}

.opa img:hover {
  opacity: 0.5;
}

/* パソコン・スマホ共通のCSS */
#PageTopBtn {
    position: fixed; /*ボタンの配置場所を固定*/
    bottom: 90px; /*下からのボタンの配置場所を指定*/
    right: 10px; /*右からのボタンの配置場所を指定*/
		z-index: 99999;
}
#PageTopBtn a {
    display: block; /*配置の調整*/
    text-decoration: none; /*文字の下線を消す*/
    color: #fff; /*文字の色*/
    background: #0A8200; /*ボタンの背景色*/
    text-align: center; /*文字を中央に配置*/
    border-radius: 5%; /*ボタンの角を少し丸くする*/
    outline: none; /*クリックしたときの黒い枠を消す*/
}
#PageTopBtn a:hover {
    text-decoration: none;
    background: #68b35b; /*マウスオーバー時の背景色*/
}

/* パソコンで表示する場合のCSS */
@media (min-width: 768px) {
#PageTopBtn {
    font-size: 13px; /*文字のサイズ*/
}
#PageTopBtn a {
    width: 100px; /*ボタンの幅*/
    height: 60px; /*ボタンの高さ*/
    padding: 20px 0 20px 0; /*文字の配置場所の調整*/
}
}

/* スマホで表示する場合のCSS */
@media (max-width: 767px) {
#PageTopBtn {
    font-size: 10px;
		bottom: 75px; /*下からのボタンの配置場所を指定*/
}
#PageTopBtn a {
    width: 70px;
    height: 50px;
    padding: 20px 0 20px 0; /*文字の配置場所の調整*/
}
}

/* reservedBtn パソコン・スマホ共通のCSS */
#reservedBtn {
    position: fixed; /*ボタンの配置場所を固定*/
    bottom: 10px; /*下からのボタンの配置場所を指定*/
    right: 10px; /*右からのボタンの配置場所を指定*/
		z-index: 99999;
}
#reservedBtn a {
    display: block; /*配置の調整*/
    text-decoration: none; /*文字の下線を消す*/
    color: #fff; /*文字の色*/
    background: #f76300; /*ボタンの背景色*/
    text-align: center; /*文字を中央に配置*/
    border-radius: 5%; /*ボタンの角を少し丸くする*/
    outline: none; /*クリックしたときの黒い枠を消す*/
}
#reservedBtn a:hover {
    text-decoration: none;
    background: #f79c5f; /*マウスオーバー時の背景色*/
}

/* パソコンで表示する場合のCSS */
@media (min-width: 768px) {
#reservedBtn {
    font-size: 13px; /*文字のサイズ*/
}
#reservedBtn a {
    width: 100px; /*ボタンの幅*/
    height: 60px; /*ボタンの高さ*/
    padding: 15px 0 20px 0; /*文字の配置場所の調整*/
}
}

/* スマホで表示する場合のCSS */
@media (max-width: 767px) {
#reservedBtn {
    font-size: 10px;
}
#reservedBtn a {
    width: 70px;
    height: 50px;
    padding: 10px 0 20px 0; /*文字の配置場所の調整*/
}
}



.zindex{
	z-index: 999999;
	position: relative;
	top: -20px;
}
.fontsize12{
	font-size: 14px;
}
.fontsize16{
	font-size: 16px;
	line-height: 1.6em;
}

.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 300ms;
}
.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}



.fadeine-head {
    font-size: 20px;
    font-weight: bold;
    animation-name: fadein;
    animation-duration: 1s;
    animation-iteration-count: none;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}


.code {margin-top: 25px;}
.close-meerkat {
  position: absolute;
  display: block;
  height: 18px;
  width: 18px;
  background: url('images/close-x.png') no-repeat 0 0;
  cursor: pointer;
  text-indent: -9000px;
  z-index: 10;
}
.dont-show {
  position: absolute;
  display: block;
  height: 18px;
  width: 160px;
  cursor: pointer;
  z-index: 10;
  color: #EC7700;
}
a.dont-show:hover {color:#FFF;}
.adsense {z-index: 5;}
.meerkat {
  color: #FFF;
  display: none;
}
.pos-bot .adsense {
  width: 728px;
  height: 90px;
  position: absolute;
  left: 50%;
  margin-left: -364px;
}
.pos-bot .adsense {top: 20px;}
.pos-bot .close-meerkat {right: 10px; top: 20px;}
.pos-bot .dont-show {right: -10px; top: 100px;}
.pos-bot .dont-show {top: 100px;}