@charset="UTF-8";

/* == MAIN INFO PC=== */

main .info-top {
	box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
	background-color: #ffffcc;
	border: 8px solid yellow;
}

main .info-top h2{
    margin: 0 auto;
    padding: 2em 0 1em 2em;
    font-size: 20px;
}

main .info-top p{
    margin: 0 auto;
    padding: 1em 2em;
    font-size: 20px;
}

main .info-top ol{
    margin: 0 auto 1em;
    padding: 0 0 0 4.25em;
}

main .info-top li{
    margin: 0 auto;
    padding: 0 2em 1em 0;
	font-size: 20px;
	list-style-position: outside;
}

main .info-top2 {
	box-sizing: border-box;
    width: 100%;
    margin: 1em 0;
    padding: 0 0 0.5em 0;
	background-color: #ebf5f1;
}

main .info-top2 p{
    margin: 0 auto;
    padding: 1em 2em;
    font-size: 20px;
}

main .info-top2 a.button{
	box-sizing: border-box;
	display: block;
	margin: 0 auto 1em;
	width: 70%;
	text-align: center;
    padding: 1em;
	font-size: 20px;
	background-color:#9bdcbf;
}

main .info-top3 {
	box-sizing: border-box;
    width: 100%;
    margin: 1em 0;
    padding: 0;
	background-color: #fff;
	border: 8px solid #ffb2b2;
}

main .info-top3 p{
    margin: 0 auto;
    padding: 1em 2em;
    font-size: 20px;
}

main .info-top-kinkyu {
	box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
	background-color: #ffffcc;
	border: 8px solid yellow;
}

main .info-top-kinkyu h2{
    margin: 0 auto;
    padding: 1em 0 0 40px;
    font-size: 28px;
}

main .info-top-kinkyu p{
    margin: 0 auto;
    padding: 1em 2em;
    font-size: 20px;
}

main article.info {
   width: 100%;
}

main article.info h2{
   margin: 1em 0 0 0;
   color: #fff;
   background-color: #ff6666;
   line-height: 36px;
   text-align: center;
}

main article.info ul {
   width: 100%;
   margin: 0 auto;
   padding: 0;
   list-style-type: none;
}

main article.info ul li {
   width: 100% !important;
   margin: 2em 0;
   padding: 0;
}

main article.info ul li time {
   display: block;
   margin: 0 0 4px 0;
   border-bottom: 2px solid #ffcccc;
}

/* == MAIN INFO_ACCESS PC=== */

main article.info_access .map{
   width: 100%;
   overflow: hidden;
   height: 300px;
   background-color: #e6f6ef;
}

main article.info_access .map iframe {
   float: left;
   width: 60%;
   display: block;
   height: 300px;
}

main article.info_access .map figure {
   float: right;
   width: 40%;
   height: 300px;
   padding: 1em 0 0 0;
}

main article.info_access .map figure img{
   width: 100%;
   height: auto;
   max-width: 350px;
   max-height: 240px;
}

main article.info_access .map figure figcaption{
   font-size: 14px;
}

/* ==MAIN PICKUP PC== */
main article.pickup {
   width: 100%;
   background-color: #e6f6ef;
}

main article.pickup h2 {
   padding: 1em 0 0 1em;
}

main article.pickup .infobox {
   margin: 0;
   padding: 0;
   height: 160px;
}

main article.pickup .infobox .slickbox {
   margin: 0;
   padding: 0;
}

main article.pickup .infobox .slickbox article {
   margin: 0 auto;
   padding: 0;
   width: 96%;
}

main article.pickup .infobox .slickbox article h3 {
   margin: 0;
   padding: 0;
   background-color: transparent;
}

main article.pickup .infobox .slickbox article p{
   margin: 0;
   padding: 0;
}

/* == MAIN QUESTION PC == */

main article.question {
   width: 100%;
}

main article.question ol.question {
   margin: 0 auto;
   padding: 0;
   width: 100%;
   list-style-type: none;
   overflow: hidden;
}

main article.question ol.question li {
   float: left;
   width: 48%;
   margin: 0 4px;
   padding: 0;
   text-align: center;
}

main article.question ol.question li a {
   display: block;
   margin: 0 0 1em 0;
   padding: 0;
   width: 100%;
   height: 64px;
   line-height: 64px;
   border-bottom: 4px solid #9bdcbf;
   text-decoration: none;
   background: #e6f6ef url(parts.png) bottom right no-repeat;
   background-blend-mode: multiply;
}

/* == MAIN POINT PC== */

main article.point h3{
   background-color: #cdeddf;
   padding:0.5em 0 0.5em 1em;
}

/* == MAIN VOICE PC == */

main article.voice {
   width: 100%;
   background-color: #e6f6ef;
}

main article.voice h2 {
   margin: 0 0 1em 0;
   padding: 1em 0 0 1em;
}

main article.voice .voicebox {
   margin: 0 auto;
   padding: 0;
   width: 92%;
   height: 300px;
}

main article.voice .voicebox .slickbox {
   margin: 0;
   padding: 0;
   width: 100%;
}

main article.voice .voicebox .slickbox img{
   display: block;
   margin: 0 auto;
   padding: 0;
   max-width: 100%;
   height: auto;
   max-height: 270px;
}

/* ==FEED PC== */
main article div#rss{
   width: 100%;
   margin: 0;
   padding: 0;
}

main article div#rss ul{
   width: 100%;
   margin: 0;
   padding: 0;
   list-style-type: none;
}

main article div#rss ul li{
   width: 100% !important;
   margin: 0;
   padding: 0;
   border-bottom: 2px solid #61af96;
   background-color: #e6f6ef;
}

main article div#rss ul li a{
   width: 100%;
   margin: 0;
   padding: 0 0 0 1em;
   line-height: 46px;
   display: block;
}

main article div#rss ul li a:hover{
   text-decoration: none;
   font-weight: 600;
}