@charset "UTF-8";
body {
    background-color: #FCFCF2;
	}
	
@font-face{
font-family:'HuiFontP109';
src:url('https://dl.dropboxusercontent.com/s/6snqvg654tirsyv/HuiFontP109.eot');
src:url('https://dl.dropboxusercontent.com/s/6snqvg654tirsyv/HuiFontP109.eot?#iefix') format('embedded-opentype'),
url('https://dl.dropboxusercontent.com/s/7pscemjdvt0wyiq/HuiFontP109.woff') format('woff'),
url('https://dl.dropboxusercontent.com/s/0w9uuopxrns8ehi/HuiFontP109.ttf') format('truetype'),
url('https://dl.dropboxusercontent.com/s/xnnsbxtz8o6d98i/HuiFontP109.svg#HuiFontP109') format('svg');
}
.container-fluid {
    background-color: #FCF4D2;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: -24px;
}
body,input,textarea{font-family:'HuiFontP109';}



.col-12 {
    padding-left: 0px;
    padding-right: 0px;
}
.bg_yellow {
    padding-left: 0px;
    padding-right: 0px;
    background-color: #FCF4D2;
}
.underspace {
    margin-bottom: 4em;
}
.strongMY {
    background-color: #FFCD00;
}
.strongDY  {
    background-color: #F8B62D;
}
.strongY {
    background-color: #FFE200;
}
.gray {
    background-color: #4D5155;
}
.dotto {
    background-image: radial-gradient(#ffe200 16%, transparent 16%),
    radial-gradient(#ffe200 16%, transparent 16%);
    background-size: 40px 40px;
    background-position: 0 0, 20px 20px;
}
.dottoW {
  background-image:
    radial-gradient(#fdfdf2 16%, transparent 16%),
    radial-gradient(#fdfdf2 16%, transparent 16%);
  background-size: 40px 40px;
  background-position: 0 0, 20px 20px;
}
.dottoWG {
    background-image: radial-gradient(#ffe200 16%, transparent 16%), radial-gradient(#ffe200 16%, transparent 16%);
    background-size: 40px 40px;
    background-position: 0 0, 20px 20px;
    background-color: #FFFFFF;
}
.bg_yellow {
}
.bg_white {
    background-color: #FCF4D2;
}

.under {
  background: linear-gradient(transparent 70%, #ff99ab 70%);
}

.y_flame  {
    border: 8px solid #FFDC3A;
    background-color: #FFFFFF;
    border-radius: 18px;
    padding-bottom: 1em;
    padding-top: 1em;
}

.font01{
    font-family: 'Noto Sans JP', sans-serif;
}


.font02{
	font-family: 'Noto Sans JP', sans-serif;
}
.red {
    color: #FF0000;
    font-weight: bold;
    font-size: 1rem;
}

.rough{
    /* 正方形を作る */
    width: 160px;
    height: 112px;
    background-color: #FFFFFF;
    /* 4つの角を丸める
  水平方向の半径：左上から時計回りに、40%、60%、40%、50%
  垂直方向の半径：左上から時計回りに、60%、60%、50%、60%
  */
    border-radius: 40% 60% 40% 50% / 60% 60% 50% 60%;
    border: thick solid #FFDC3A;
}
.rough_b {
    width: 160px;
    height: 184px;
    border-radius: 40% 60% 40% 50% / 60% 60% 50% 60%;
    border: 8px solid #FFDC3A;
    background-color: #FFFFFF;
}

@media (min-width: 992px){
.container-fluid   {
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
}
}

@media (max-width: 768px){
.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}
}

@media (max-width: 576px){
.red {
    font-size: 1rem;
}
}