html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; border: 0; font-family: 'Noto Sans JP'; font-weight:300;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

/* [GRADATION BG] background-image: linear-gradient(to top left, [右下]→#f17221, [中央]→#06c755, [左上]→#8307b5); */
body { line-height: 1.4; font-feature-settings : "palt";}

h1,h2,h3,h4,h5,h6 { line-height:1.2em;}
h1 { font-size:35px;}
h2 { font-size:30px;}
h3 { font-size:25px;}
h4 { font-size:20px;}
h5 { font-size:18px;}
h6 { font-size:16px;}
p { font-size:14px;}
a, a:visited { color: #006400; text-decoration: underline; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
a:hover { color:#006400; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
img { max-width:100%; box-sizing:border-box; vertical-align: bottom;}
hr { margin: 15px 0; padding: 0; height: 0; border-left: 0; border-right: 0; border-top: 1px solid rgba(0,0,0,0.15); border-bottom: 1px solid #fff; }
.rowi hr { margin: 0; padding: 0; height: 0; border: 0px solid #fff; }
/* / END BASE === */

/* =========================================== */
/* WRAP */
.wrap { width:98%; margin: 0 auto 10px; padding:0; background-color: #FFFFFF; }
@media (min-width: 900px) {
.wrap { max-width: 900px; margin: 1% auto; padding: 0; background-color: #FFF;border: 6px solid #006400; border-radius:3px; -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.40); box-shadow: 0px 0px 4px rgba(0,0,0,0.40); }
}

/* =========================================== */
/* COLUMN */
.rowi { margin:0 0 0; padding:0 0 0; }
.rowi:after { content: " "; display: block; height: 0; clear: both;}

.rowi hr { clear:both;}

.in-col { margin: 1px; padding: 5px; background-color: rgba(255,255,255,0.00); }

.rowi > .col10-1 { float:left; width:10%;}
.rowi > .col10-2 { float:left; width:20%;}
.rowi > .col10-3 { float:left; width:30%;}
.rowi > .col10-4 { float:left; width:40%;}
.rowi > .col10-5 { float:left; width:50%;}
.rowi > .col10-6 { float:left; width:60%;}
.rowi > .col10-7 { float:left; width:70%;}
.rowi > .col10-8 { float:left; width:80%;}
.rowi > .col10-9 { float:left; width:90%;}
.rowi > .col10-10 { float:left; width:100%;}

.rowi > .col3-1 { float:left; width:33.33333%;}
.rowi > .col3-2 { float:left; width:66.66666%;}

.col10-1,.col10-2,.col10-3,.col10-4,.col10-5,.col10-6,.col10-7,.col10-8,.col10-9,.col10-10,.col3-1,.col3-2 { box-sizing:border-box;}


@media (max-width: 600px) {
.col10-1,.col10-2,.col10-3,.col10-4,.col10-5,.col10-6,.col10-7,.col10-8,.col10-9,.col10-10,.col3-1,.col3-2 { float:left; width:100%;}
}

/* =========================================== */
/* TABLE */
table { border: 0px solid rgba(0,0,0,0.01); border-collapse: collapse; border-spacing: 0; background-color: #FFF; font-size:13px; }
tr {border: 1px solid rgba(0,0,0,0.10);}
tr:nth-child(2n) { background-color: rgba(0,0,0,0.008);}
tr:hover { background-color: rgba(0,0,0,0.1);}
tr th { margin:0; padding:10px;}
tr td { margin:0; padding:10px;}

/* =========================================== */
/* FORM */
input, textarea, keygen, select, button { font: 16px arial, Meiryo; margin: 0 0 0; padding: 0 0 0;}
input {margin: 0 0 0; padding: 0 0 0; border-radius:2px; }
input[type="text"],.form input[type="email"],.form input[type="tel"], textarea {}
input[type="chekbox"] {margin: 0 0 0; padding: 0 0 0;}
input[type="number"] {margin: 0 0 0; padding: 0 0 0;}
input[type="submit"] {margin: 0 0 0; padding: 0 0 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
input[type="submit"]:hover {margin: 0 0 0; padding: 0 0 0; background-color: blue; cursor:pointer; }
input::-webkit-input-placeholder  { color: #999;}
input:-ms-input-placeholder { color: #999;}
input::-moz-placeholder { color: #999;}
label input[type="checkbox"] {margin: 0 0 0; padding: 0 0 0; height: 20px; vertical-align: bottom; }

/* =========================================== */
/* HEADER */
header {margin: 0 0 0; padding: 0 0 0;}
header .card { background-color: #006400; }
header h1 { font-size:1.1rem; line-height:1.1em; text-align:center; color:#fff; margin: 0 0 0; padding:5px 0 8px; font-weight:normal;}
header h1 span { font-size:1.1rem; font-weight:700; margin:0 3px 0;  word-break : break-all;}
header h1 > span.search { color: #FFF; font-weight: normal; margin: 0 auto 0; padding: 0px 5px; border-radius: 2px; width: 80px; font-size: 1rem; line-height:1; }

/* =========================================== */
/* FOOTER */
footer { border-top: 2px solid rgba(0,0,0,0.10); padding-top: 5px; background-color: #FFF; }
footer p.bottom { text-align: center; font-size: 12px; margin:0; padding:5px 0 15px; }
footer p.bottom a { text-decoration: none; color: #000000; }
footer p.bottom a:hover {  color: #3A539B; }
footer p.bottom span { display:block;}
footer p.bottom > span:first-child { font-size: 18px; font-weight: bold; }
footer p img { width:90%; margin:0 5%; padding:0;}

/* to top */
#back-top { position: fixed; bottom: -1px; right: -1px; }
#back-top a { width: 45px; height: 30px; display: block; text-align: center; text-decoration: none; color: #FFF; background-color: rgba(0,0,0,0.25); padding-top: 10px; font-size: 16px; line-height: 1em; border-top-left-radius: 20px; }
#back-top a:hover { color: #22A7F0; }


/* =========================================== */
/* CONTENTS */
.rowi.catch { text-align: center; margin: 0 0 15px; padding: 0;}

.rowi.catch p { text-align: left; margin: 5px auto; padding: 5px; max-width: 650px; font-size:14px; }

.rowi.catch p.o-link {margin:0 auto; padding:5px 0 0; text-align: center; display: block;}

.rowi.catch p span { color:#FF0047; font-weight:bold;}

.rowi.catch h2 { font-size: 24px; margin: 0; padding: 0; width: 100%; text-align: center; background-color: #006400; color: #fff; }

.rowi.catch p small {text-align: center; font-size: 0.6rem; display: block;}


.rowi.catch > h2 img { width: 100%; border-radius: 5px; border: 0px solid #006400; box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.50);}
.rowi.catch > h2 img:hover { border-radius:5px; z-index:0}

.rowi.catch h2 + hr + h2 { font-size: 3em; margin: 0 0 10px; padding: 0 0 15px; border-bottom: 4px double rgba(255,0,4,1.00); }
.rowi.catch h3 { font-size:22px;  margin:20px 0 10px; padding:0;}
.rowi.catch h2 + h3 { font-size: 35px; line-height: 1; margin: 0px 0 2px; padding: 10px 0 10px; border: 5px solid #006400; background-color: #006400; }
.rowi.catch h3 span { color: #FF0047; }

.rowi.catch h4 img { margin-bottom:15px; border-radius:5px; border: 0px solid #006400; box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.50);}
.rowi.catch > h4 img:hover { border-radius:5px; z-index:0}

.rowi.catch table { width:100%; border: 3px solid #777;  font-size:15px;margin: 0 0 10px; padding: 0 0 0;}
.rowi.catch table .red { color:red;}
.rowi.catch table tr.kei { background-color: rgba(255,207,221,1.00); border-top: 2px solid #555; font-weight:bold; }
.rowi.catch table th { background-color: rgba(255,254,209,1.00); }
.rowi .col10-10 .in-col { margin:0 0 5px;}
.rowi .col10-10.main .in-col {border: 1px solid rgba(0,0,0,0.10); background-color:#FFF;}
.rowi .yoyaku .in-col { text-align:center; width:80%; margin: 10px auto;}
.rowi .yoyaku .in-col a img { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.rowi .yoyaku .in-col a:hover img { opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity = 60); }
@media (max-width: 600px) {
.rowi.catch h2 { font-size:18px;}
.rowi.catch h2 + h3 { font-size:24px; line-height:24px; margin:0px 0 2px; padding:5px 0 2px;}
}


/* =========================================== */
/* PARTS */
.clr { clear:both;}
.clr:after { content: " "; display: block; height: 0; clear: both;}
.flt-l { float:left;}
.flt-r { float:right;}
.flt-l:after,.flt-r:after { content: " "; display: block; height: 0; clear: both;}
.center { text-align:center;}
.font-xs { font-size:12px; color:#666;margin:0; padding:0; line-height:1.2em;}


/* =========================================== */
/* SERCH */
input { height:34px; margin:0 0 0 -50px; padding:0 1%; border:solid 3px #006400; border-radius:1px; box-sizing:border-box; font-size:16px; }
input::-webkit-input-placeholder { font-size:14px; }
input:-moz-placeholder { font-size:14px; }
input::-moz-placeholder { font-size:14px; }
input:focus { border:solid 3px #EEA34A;}
input:focus::-webkit-input-placeholder { color:rgba(0,0,0,0.00); }
input:focus:-moz-placeholder { color:rgba(0,0,0,0.00); }
input:focus::-moz-placeholder { color:rgba(0,0,0,0.00); }
button { position: absolute; height: 34px; padding: 0 2%; margin: 0 0 0 2px; background-color: #FFEFDC; font-size: 14px; border: 3px solid #ED6E00; color: #333; border-radius: 1px; font-weight: normal; line-height: 1.4em; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; box-sizing: border-box; }
button:hover { background-color:#EEA34A; color:#FFF; cursor: pointer;}
.form1 { display:block; border: 0px solid red; height:34px; margin:0 auto; padding:0; vertical-align:middle;}

/* 2016-09-01 */
.search-box { background-color:#FFF;}
.search-box:after { content: " "; display: block; height: 0; clear: both;}
.search-box .area-lank { width:100%;margin:0; padding:0;}
.search-box .area-lank:after { content: " "; display: block; height: 0; clear: both;}
.search-box .area-lank ul { width:98%; margin:0 auto; padding:0;}
.search-box .area-lank ul li { width:18%;margin:1%; padding:0; float:left; list-style:none;}
.search-box .area-lank ul li a { display: block; text-align: center; padding: 10px 0; margin: 0 0 10px; background-color: #006400; color: #fff; border: 3px solid rgba(0,0,0,0.25); border-radius: 3px; box-sizing: border-box; text-decoration: none; }
.search-box .area-lank ul li a:hover { background-color: #C50951;  color: #FFF; }
.search-box .area-full { width:99%; margin:0 auto 10px;}
.search-box .area { float: left; margin: 0 0.5% 10px; padding: 0 0 4px; width: 49%; box-sizing: border-box; }
.search-box .area:after, .search-box .area-full:after { content: " "; display: block; height: 0; clear: both;}
.search-box > h2 { margin:0 0 10px; padding:8px 0 10px; color: #fff; font-size:20px; line-height:20px; text-align:center; background-color:#006400;}
.search-box .area h3, .search-box .area-full h3 { font-size: 18px; line-height:18px; color: #fff; padding: 5px 10px 6px; margin: 1px 0px 10px; letter-spacing: 0.05em; font-weight: normal; background-color:#006400; border-radius:2px; }
.search-box .area-full h3 { background-color: #006400 }
.search-box .area h3:before, .search-box .area-full h3:before { content: "▼"; margin-right: 1px; }
.search-box .area-full h3 small { color:#FFF; background-color:#000; margin:0 0 0 5px; padding:1px 5px; border-radius:2px; font-size:11px; line-height:1.6;}

.search-box .area-full h4 { clear:both; font-size:14px; padding:2px 5px 4px; margin:0; line-height:1;}
.search-box .area-full h4:before { content: "▼"; margin-right: 1px; }

.search-box .area ul,.search-box .area-full ul {margin:0; padding:0; width:100%;}
.search-box .area ul li,.search-box .area-full ul li { float: left; font-size: 13px; margin: 1px 5px 2px; padding: 0; list-style:none; }
.search-box .area ul li,.search-box .area-full ul li { border-bottom: 1px dotted rgba(0,0,0,0.30);}
.search-box .area ul li:before,.search-box .area-full ul li:before { content: "◆"; padding-right: 0px; color: #FFC600; font-size:10px; }
.search-box .area ul li a,.search-box .area-full ul li a { margin:0; padding:2px 2px 0; color:#06c; text-decoration:none; font-size:14px;}
.search-box .area ul li a:hover,.search-box .area-full ul li a:hover { color: #E5116D; text-decoration: underline; }
.search-box .area ul li a strong, .search-box .area-full ul li a strong { font-weight:500;}


@media (max-width: 800px) {
.search-box .area { width:98%;}
}

.timer-box { border: 3px solid #FF0057; width: 250px; margin: 5px 0 2px -7px; position:absolute; padding: 0; box-sizing: border-box; border-radius: 2px; background-color: #FFFFFF; transform:rotate(-1.5deg); overflow-x: hidden}
.timer-box:after { content: " "; display: block; height: 0; clear: both;}
header .timer-box h1 { color:#000; font-size:14px; line-height:1; margin:2px 0 0 5px; padding:0 0; float:left; font-weight:bold;}
.timer-box h1 span { font-size:12px; margin:0; padding:0; line-height:1;}
#Timer { font-weight: bold; font-size: 13px; margin: 0; padding: 3px 0 4px 2px; color: #FF0057; line-height: 1; overflow-x: hidden}

@media (max-width: 900px) {
.timer-box { position:static; margin: -2px auto 5px;}
 }


/* ====================================== */
/* top bar  */
/* ====================================== */
.sec1-2-1 {padding: 1rem 0 1.5rem; background-color:#000;border-width: 0px 0 2px; border-style: solid; border-color: yellow; text-align: center;}
.sec1-2-1 p.cnv a {background-color:yellow;color: #222; padding:0.3rem 1rem; font-weight: bold;line-height: 1;border: 5px solid rgba(0,0,0,0.30);border-radius: 5px; }
.sec1-2-1 p.cnv a:hover {background-color:orange;}
.sec1-2-1 p.cnv {margin: 1rem 0 0.5rem; font-size: 1.05rem;}

/* 点滅 */
.sec1-2-1 p.cnv{
	-webkit-animation:blink 0.3s ease-in-out infinite alternate;
    -moz-animation:blink 0.3s ease-in-out infinite alternate;
    animation:blink 0.3s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.8;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.8;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.8;}
    100% {opacity:1;}
}

/* ===================================================== */
/* CSS201607@IK SP:600px以下/TB:601～949px/PC:950px以上 */
@media (max-width: 600px) {}
@media (min-width: 601px) and (max-width: 949px) {}
@media (min-width: 950px) {}

.rowi.catch h3.h3-1 {margin-top: 0}
.rowi.catch h2 + h3 span {display: block; font-size: 1.5rem; font-weight: bold; margin:0.5rem 0 0; padding:0;}

.rowi.catch p.menu-info {margin:0; padding:0; font-size: 14px; font-weight: bold; text-align: center; display: block;max-width: 100%;}


.fuwafuwa img.fuwa {width: 18%; position:absolute; z-index:10; transform: rotate(5.0deg); margin:0; padding:0; top:-1%; left:8% }