@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Sawarabi+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c&display=swap');


/* base */
body{background-color: #ffffff; padding: 0; margin: 0 }
body, body *{font-size:16px; line-height: 2em; font-family:Noto+Sans, Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-seriff; color:#333333;}
*{ box-sizing: border-box; margin:0; padding: 0;}
.wf-roundedmplus1c { font-family: "M PLUS Rounded 1c"; }

#layout{width:100%;max-width: 840px; margin: auto; position: relative; padding-top:190px; padding-bottom: 1em}
#contents{width:100%;max-width: 840px; position: relative; padding: 50px 0 }
#footer{text-align: center; padding:0.5em; background-color:#FAB400; color:#ffffff;}


p{padding-left: 0.5em; text-align: left}

p.bgcolor_yellow{display:block; background-color: rgba(253,248,235,1.00); border-radius: 10px; padding:2em;}




@media screen and (max-width: 640px) {
body, body *{font-size:15px; line-height:1.8em;}
#layout{padding-top:57px;}
#contents{padding:0 1em}

}

/*useful*/

.tac{text-align: center}
.mtL{margin-top: 3em}
.spbr{display: none}

.fl_l{float:left; margin-right: 1em}
.fl_r{float:right; margin-left: 1em}

.w60{width:60%}

.clearfix{position: relative}
.clearfix:after{content: ".";display: block; height:1px; width:1px; clear: both;visibility: hidden;}

.disp_il{display: inline-block}

.zoom75_img{zoom:0.75;}
.zoom50_img{zoom:0.5;}

@media screen and (max-width: 640px) {

.fl_l,.fl_r{float:none; margin: auto}
.spbr{display: block; height:1px; width:1px;}	
.w60{width:100%}	
}

/*header*/
h1{position: relative;display: block;}
h1 img{width:480px; }


h2 {
	font-family: "M PLUS Rounded 1c";
    margin:  0;                 /* デフォルトCSS打ち消し */
    position:  relative;        /* 位置調整 */
    font-weight:  normal;       /* 文字の太さ調整 */
    font-size:20px;            /* 文字サイズ指定 */
    text-align:  center;        /* 文字位置指定 */
    padding:14px 0 12px;       /* 余白指定 */
    border-top: #FAB400 solid 2px;      /* 線指定 */
    border-bottom:#FAB400 solid 2px;  /* 線指定 */
    width:auto;
	max-width:400px;              /* 幅指定 */
    margin: 0 auto 35px;        /* 周りの余白指定 */
	box-sizing: border-box;
}
@media screen and (max-width: 640px) {
	
	
h2 {
	font-size: 18px;
	line-height:1.6em;
    padding:10px 0 10px;       /* 余白指定 */
    margin: 0 auto 20px;        /* 周りの余白指定 */
}
}

/*contents*/

	
#newsbox{display:block; background-color: rgba(253,248,235,1.00); border-radius: 10px; padding:3em 1em;}
.article{display:table; margin-bottom:3em}
.article:last-child{margin-bottom:0}
.article dt.date{display:table-cell; width:6em; padding:0 1em; border-right: rgba(251,229,143,1.00) solid 2px;}
.article dd.title{display:table-cell; padding:0 1em; margin-bottom: 1em;}
.article dd p.detail{display:block; padding: 1em;background-color:#ffffff; margin-top: 1em;}


@media screen and (max-width: 640px) {
#newsbox{display:block; background-color: rgba(253,248,235,1.00); border-radius: 10px; padding:1.5em 1em;}
.article{display:block; margin-bottom:2em}
.article dt.date{display:inline-block; width:auto; padding:0 0.5em; margin-bottom: 0.7em; border:none; background-color:#FAB400; color:#ffffff }
.article dd.title{display:block; padding:0; margin-bottom:0;}
.article dd p.detail{display:block; padding:0.5em;margin-top:0.7em; }
}

.about_tbl{
	border-right: #efefef solid 1px;
	border-top:#efefef solid 1px;
	background-color:#FFFFFF;
	font-size:0.9em;
	line-height:1.4em;
	margin-right:auto;
	margin-left:auto;
	min-width:50%;
	}

@media screen and (max-width: 480px){
.about_tbl{margin-left:0; margin-right:0; font-size:0.9em; width:100%; }
}
		
			.about_tbl th{
				border-left:#efefef solid 1px;
				border-bottom:#efefef solid 1px;
				background-color: #FAB400;
				color:#FFFFFF;
				padding:10px;
				vertical-align:middle;
				text-align:center;
				font-weight:bold;
				white-space:nowrap;
			}


@media screen and (max-width: 480px){
.about_tbl th{ white-space:normal;}
}

	.about_tbl td{
		border-left:#efefef solid 1px;
		border-bottom:#efefef solid 1px;
		padding:7px;
		vertical-align:middle;
	}

	.about_tbl tbody tr:nth-child(even) { background-color: rgba(253,248,235,1.00)}
	.about_tbl tbody tr:nth-child(odd) { background-color:#fff; }
	




/* header */
#top-head {
    top: 0;
    position: fixed;
	background-color:rgba(255,255,255,1);
	width:100%;
	left:0;
	right;0;
    margin:auto;
    z-index: 999;
	text-align: center;
	
}
#top-head a,
#top-head {
    text-decoration: none;
}

#global-nav{padding:0.5em 0; margin: auto; box-sizing: border-box; position: relative; background-color: #FAB400}

#global-nav ul {
    list-style: none;
    position: relative;
	text-align: center;
}
#global-nav ul li {
    display: inline-block;
}
#global-nav ul li a {
    padding: 0 1.5em;
	color:#ffffff;
	/*text-shadow:0px 0px 6px rgba(171,144,0,1.00);*/
	font-size:18px;
	font-family: "M PLUS Rounded 1c";
}
 
 
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}

.logo{display: none;}

@media screen and (max-width: 640px) {
	h1 img{display: none;}
	.logo{display: block; width:80% ;position: absolute;left:10px; top:12px }	
	
    #top-head
	{
        width: 100%;
        padding: 0;
		min-heght:1px;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
    }

    #mobile-head {
        background: #fff;
        width: 100%;
        height: 56px;
        z-index:999;
        position: absolute;
		top:0;
    }

    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -500px;
		left:0;
		right:0;
        background: #FAB400;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        bottom: 0;
        font-size: 14px;
		padding: 0;
    }
    #global-nav ul li {
        display: block;
 		height:3em;
		text-align: center;
    }

    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 18px 0;
    }
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(540px);
        -webkit-transform: translateY(540px);
        transform: translateY(540px);
    }
}