body{font-size:14px;
	background-color: #F8E43C;
	color:#333333;
	margin: 0px;

}



p{
	margin: 5px 5px;
	line-height:160%;
}

h1{
	font-size: 16px;
	margin: 0px;
	padding: 5px 5px 5px 11px;
}
h2{
	font-size: 14px;
	margin: 0px;
	padding: 5px 5px 2px 0px;
}
h3{
	font-size: 16px;
	margin: 0px;
	padding: 0px 0px 0px 7px;
}
.hiratoji{
	margin: 1px 0px;
	padding: 0px;
}
.site-line{
	border-top: 1px solid #999933;
	width: 90%;
	text-align:left;
	margin-left:0px;
}

.rank-top-line{
	border-top: 5px solid #999933;
	width: 95%;
	text-align:left;
	margin-left:0px;
}
#choice{ font-size:16px; }
#help{ font-size:16px; color:#669933; margin:0px 7px 0px 0px;}
#help h2{ font-size:20px; color:#666600;}
.help-title{ text-align:right; margin: 0px; padding: 0px;}
#sites{ margin:10px 7px 0px 0px; }

a:link {color:#333;} /*未訪問のリンクの色*/
a:visited {color:#333;} /*訪問済みのリンクの色*/

#sites a:link {color:#009999;} /*未訪問のリンクの色*/
#sites a:visited {color:#009999;} /*訪問済みのリンクの色*/
#sites a:hover {color:#ffffff; background:#0000cc;} /*カーソルが乗っているリンクの色*/
#sites a:active {color:#ffffff;} /*クリック中のリンクの色*/

.marquee {
	padding:3px 2; 
	overflow: hidden;
	margin: 3px;
}


@keyframes marquee {
  from {
    transform: translate(0);
  }
  to {
    transform: translate(-100%);
  }
}

.marquee p {
margin:0;
font-size:14px;
padding-left:100%;
display:inline-block;
white-space:nowrap;
-webkit-animation-name:marquee;
-webkit-animation-timing-function:linear;
-webkit-animation-duration:10s;
-webkit-animation-iteration-count:infinite;
-moz-animation-name:marquee;
-moz-animation-timing-function:linear;
-moz-animation-duration:10s;
-moz-animation-iteration-count:infinite;
-ms-animation-name:marquee;
-ms-animation-timing-function:linear;
-ms-animation-duration:10s;
-ms-animation-iteration-count:infinite;
-o-animation-name:marquee;
-o-animation-timing-function:linear;
-o-animation-duration:10s;
-o-animation-iteration-count:infinite;
animation-name:marquee;
animation-timing-function:linear;
animation-duration:10s;
animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
from { -webkit-transform: translate(0%);}
99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
from { -moz-transform: translate(0%);}
99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
from { -ms-transform: translate(0%);}
99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
from { -o-transform: translate(0%);}
99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
from { transform: translate(0%);}
99%,to { transform: translate(-100%);}
}

 /*フォーム装飾ここから*/
 
input[type=checkbox] {
    display: none;
}

.box-menu{
  padding: 5px 0;
  background: #ebd839;
}


.checkbox03box{
  padding: 5px 0;
  display: flex;
  background: #ebd839;
  flex-direction: row;
  flex-wrap: wrap;
}
.checkbox03 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    min-width: 100px;
    flex-basis: 150px;
    padding: 3px 27px; 3px; 0px;
    position: relative;
    text-align: left;
    width: auto%;
  }
.checkbox03::before {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.checkbox03::after {
    border-right: 6px solid #000;
    border-bottom: 3px solid #000;
    content: '';
    display: block;
    height: 20px;
    left: 7px;
    margin-top: -16px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg) translate3d(0,2px,0) scale3d(.7,.7,1);
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    width: 9px;
}
input[type=checkbox]:checked + .checkbox03::before {
    border-color: #666;
}
input[type=checkbox]:checked + .checkbox03::after {
    opacity: 1;
    transform: rotate(45deg) scale3d(1,1,1);
}

/* ラジオボタン03 */
input[type=radio] {
    display: none;
}
.radio03 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px;
    position: relative;
    width: auto;
}
.radio03::before {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.radio03::after {
    background: #000;
    border-radius: 50%;
    content: '';
    display: block;
    height: 10px;
    left: 9px;
    margin-top: -4px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: scale3d(.3,.3,1);
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    width: 10px;
}
input[type=radio]:checked + .radio03::before {
    border-color: #666;
}
input[type=radio]:checked + .radio03::after {
    opacity: 1;
    transform: scale3d(1,1,1);
}

 /*フォーム装飾ここまで*/