@charset "UTF-8";

/* == MAIN INFO=== */

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

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

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

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: 18px;
	list-style-position: outside;
}

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

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

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

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

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

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

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

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

main article.info {
   width: 100%;
   margin: 0;
   padding: 0;
}

main article.info h2{
   margin-top: 1em;
   color: #fff;
   background-color: #ff6666;
   text-align: center;
}

main article.info h2 a{
	color: #fff;
	font-size: 24px;
}

main article.info ul {
   width: 92%;
   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;
   border-bottom: 1px solid #ff6666;
}

/* == MAIN INFO_ACCESS=== */
main article.info_access .calendar {
   width: 92%;
   margin: 0 auto;
}

main article.info_access .calendar p{
   font-size: 12px;
   margin: 1em auto;
   text-align: center;
}

@media all and (min-width: 568px) {
    main article.info_access .map{
       width: 92%;
       margin: 0 auto;
       padding: 0;
       overflow: hidden;
       height: 300px;
       background-color: #e6f6ef;
    }
    
    main article.info_access .map iframe {
       display: block;
       float: left;
       width: 56%;
       height: 300px;
       margin: 0;
       padding: 0;
    }
    
    main article.info_access .map figure {
       float: right;
       width: 42%;
       height: 300px;
       margin: 0;
       padding: 0;
    }
    
    main article.info_access .map figure img{
       display: block;
       width: 100%;
       height: auto;
       max-width: 350px;
       max-height: 240px;
       margin: 0 auto;
       padding: 0;
    }
}

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

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

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

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

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

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

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

/* == MAIN QUESTION == */
main article.question ol.question {
   margin: 0 0 4em 0;
   padding: 0;
   list-style-type: none;
}

main article.question ol.question li {
   width: 92%;
   margin: 0 auto 1em;
   padding: 0;
   text-align: center;
}

main article.question ol.question li a {
   display: block;
   margin: 0;
   padding: 0;
   width: 100%;
   height: 46px;
   font-size: 14px;
   line-height: 46px;
   text-decoration: none;
   background: #e6f6ef url(parts.png) bottom right no-repeat;
   background-blend-mode: multiply;
}

/* ==MAIN VOICE== */

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

@media all and (max-width: 415px){
    main article.voice .voicebox {
       margin: 0 auto;
       padding: 0;
       width: 100%;
       height: 180px;
    }
}

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

main article.voice .voicebox .slickbox img{
   display: block;
   margin: 0 auto;
   padding: 0;
   max-width: 92%;
   height: auto;
   border: 2px solid #61af96;
}