@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans JP', "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:100%;
	line-height:180%;
	color: #646473;
	background:rgb(239, 238, 241);
}
img {
	border: none;
	vertical-align:bottom;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd {
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style:none;
	box-sizing:border-box;
}
iframe { border: none;}
a:link {color:#06F; outline:none; }
a:visited {color:#06F;}
a:hover {color: #333;}
a:hover img { opacity: 0.7; filter: alpha(opacity=70);}
span.material-icons { vertical-align: middle; margin-left: 10px;}
.pc {display:block;}
    .pctb {display:block;}
    .pcsp {display:block;}
.tb {display:none;}
    .tbsp {display:none;}
.sp {display:none;}
#wrapper { padding: 50px;}
#base { background: #fcfcfc; margin: auto; max-width: 768px; width:100%;}
@media only screen and (max-width:768px){
    .pc {display:none;}
        .pctb {display:block;}
        .pcsp {display:none;}
    .tb {display:block;}
        .tbsp {display:none;}
    .sp {display:none;}
}
@media only screen and (max-width:468px){
    body { min-width:320px;}
    #wrapper { padding:20px;}
    .pc {display:none;}
        .pctb {display:none;}
        .pcsp {display:block;}
    .tb {display:none;}
        .tbsp {display:none;}
    .sp {display:block;}
}



/*---------------------------------------------------------------
    COMMON
---------------------------------------------------------------*/
#header h1 {
    margin: 0 auto;
	padding:40px 0 ;
    width: 90%;
	font-family: 'Klee One', cursive;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    color: #646473;
    border-bottom: 3px solid #646473;
}
#content {}
#content .come { padding: 5%;}
#content .notes { font-size: 87.5%;}
#content .notes::before { content:"※"; }
#content p.notes { padding-left: 16px; text-indent: -16px;}
#footer {  padding:20px 0  0; text-align: center;}
@media only screen and (max-width:768px){
}
@media only screen and (max-width:468px){
    #header h1 { margin: 0 auto 20px; font-size: 20px;}
}