/* snow */

main strong { font-size:150%; color:#F60; }

/* snow ======================== */
.snow    { position:relative; background:url(img/bg01.png) center top repeat-x; }
.snow h2 { background:#128; color:#FFF; }
.icon01     { position:absolute; width:20%; top:-40px; left:30px; }
.icon01 img { width:100%; }

/* plice */
.plice       { font-size:250%; font-weight:bold; color:#F60; }
.plice small { font-size:50%; }

/* season */
.season table  { margin:1em auto; background:#FFF; }
.season tr > * { font-weight:bold; vertical-align:bottom; }
.season em {
	display:block; margin:0 0 1em; padding:.1em .4em;
	background:#690; border:2px solid #690; border-radius:1em;
	font-size:80%; line-height:1; text-align:center; color:#FFF;
}
.season th em { background:#FFE; color:#690; }
.season tr strong { margin:0 .1em; font-size:200%; }

/* tokuten ======================== */
.tokuten { display:flex; justify-content:space-between; margin:2em 0; }
.tokuten article {
	position:relative; width:30%; padding:15px 15px 0;
	background:#FFF; border:5px solid #06F; border-radius:1em;
}
.tokuten h3     { margin:0; padding:0 0 .2em; }
.tokuten ul     { padding:0; list-style:none; }
.tokuten li,
.tokuten span   { display:block; margin:.3em 0; padding:.5em 0; background:#6DF; border-radius:.5em; text-align:center; }
.tokuten p      { text-align:left; }
.tokuten strong { display:inline-block; margin:.2em; }
.tokuten em     { position:absolute; display:block; width:70px; top:-30px; right:-20px; }
.tokuten em img { width:100%; }

/* chiiki ======================== */
.chiiki {
	margin:2em 0; padding:15px 15px 0;
	background:#FFF; border:5px solid #06F; border-radius:1em;
}
.chiiki h3 { margin:0; padding:0; text-align:center; }

/* service ======================== */
.service h3 { text-align:center; }
.service ol { width:75%; margin:auto; padding:0; list-style:none; }
.service li {
	display:flex; align-items:center;
	background:#9FD; border-radius:1em; padding:.5em;
	line-height:2em;
}
.service li > div { width:calc( 100% - 3em ); }
.service li:before {
	width:1em; height:1em; margin:0 .5em 0 0; padding:.5em; background:#FC0; border-radius:50%;
	font-size:200%; font-weight:bold; text-align:center; line-height:1; color:#FFF;
}
.service li:nth-child(1):before { content:"1"; }
.service li:nth-child(2):before { content:"2"; }
.service li:nth-child(3):before { content:"3"; }
.service li:nth-child(4):before { content:"4"; }
.service li:nth-child(5):before { content:"5"; }

.service small { margin:.5em 0; padding:.5em .5em .5em 2em; background:#6F9; border-radius:1em; line-height:2em; }

/* spot ======================== */
.spot {
	position:relative; margin-bottom:1em; padding-bottom:3em;
	background-repeat:no-repeat;
	background-image: url(img/bg02.png) , url(img/bg03.png);
	background-size: 20% , 20%;
	background-position: bottom left , bottom right;
}

/*----------------
	レスポンシブ
----------------*/
@media (max-width: 768px){

	.tokuten { display:block; }
	.tokuten article { width:auto; margin:1em 0; }

	.service ol { width:auto; }
}