@charset "UTF-8";
/* CSS Document */

/* ------------------------------
   #tabAccordion
------------------------------ */
#tabAccordion {
    margin: 0 auto;
    width: 99.5%;
    height: auto;
/*    border: #999 1px solid;*/
    position: relative;
}
 /*
#tabAccordion dl {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}*/
 
#tabAccordion dl dt {
    top: 0;
    left: 0;
    width: 33.33%;
    font-weight: bold;
    position: absolute;
/*    border-right: #999 1px solid;
    border-bottom: #999 1px solid;*/
    background: #fff7dd;
    box-sizing: border-box;
	border:1px solid #ffd553;
}
 
#tabAccordion dl:nth-child(2) dt {
    left: 33.33%;
}

#tabAccordion dl:nth-child(3) dt {
    left: 66.66%;
}
 /*
#tabAccordion dl:nth-child(4) dt {
    left: 450px;
    border-right: none;
}
*/
 
#tabAccordion dl dt a {
    padding: 15px 0;
    font-weight: bold;
    display: block;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
	color:#404040;
	font-size:1.6em;
	text-decoration:none;
}
#tabAccordion dl dt a span{
	font-size:70%;
}
#tabAccordion dl dt a span.big{
	font-size:125%;
	line-height:0.9;
} 
#tabAccordion dl dt.btnAcv {
    border-bottom: none;
    background:#ffd553;
	border:1px solid #ffd553;
}
#tabAccordion dl dt.btnAcv a{
	color:#000;
}
 
@media only screen and (min-width: 768px) {
    #tabAccordion dl dt:hover > a {
        background: #fff;
    }
}
 
#tabAccordion dl dd {
	width: 100%;
     height: auto;
     text-align: left;
     overflow-y: auto;
     display: none;
     box-sizing: border-box;
     padding: 6em 0 5% 0; 
}
 
#tabAccordion dl dd p {
    padding-bottom: 2em;
/*    line-height: 2em;		*/
}
 
/* ------------------------------
   MEDIAQUERIES LAYOUT
------------------------------ */
@media only screen and (max-width: 800px) {
    #tabAccordion {
        width: 100%;
        box-sizing: border-box;
    }
 
    #tabAccordion dl {
        width: 100%;
        box-sizing: border-box;
    }
 
    #tabAccordion dl dt {
        width: 33.33%;
    }
 
    #tabAccordion dl:nth-child(2) dt {
        left: 33.33%;
    }
 
    #tabAccordion dl:nth-child(3) dt {
        left: 66.66%;
    }
/* 
    #tabAccordion dl:nth-child(4) dt {
        left: 75%;
    }
	*/
}
 
/* ------------------------------
   MEDIAQUERIES[SP]LAYOUT
------------------------------ */
@media only screen and (max-width: 768px) {
    #tabAccordion {
        width: 100%;
        height: auto;
        border: none;
    }
 
    #tabAccordion dl {
        top: auto;
        left: auto;
        width: 100%;
        position: relative;
    }
 
    #tabAccordion dl dt {
        top: auto;
        left: auto;
        width: 100%;
        position: relative;
/*        border-bottom: #999 1px solid;
        border-right: none;*/
    }
 
    #tabAccordion dl:first-child dt {
  /*      border-top: #999 1px solid;*/
    }
 
    #tabAccordion dl:nth-child(2) dt,
    #tabAccordion dl:nth-child(3) dt,
    #tabAccordion dl:nth-child(4) dt {
        left: auto;
    }
 
    #tabAccordion dl dt a {
        padding: 20px;
        height: auto;
        line-height: 1em;
        text-align: left;
    }
 
    #tabAccordion dl dt a:after {
        content: '';
        margin-top: -4px;
        top: 50%;
        right: 15px;
        width: 8px;
        height: 8px;
	    font-size: 1em;	
        font-weight: bold;
        line-height: 1.2em;
        display: block;
        position: absolute;
        border-top: 2px solid #666;
        border-right: 2px solid #666;
        -moz-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
 
    #tabAccordion dl dt.btnAcv {
   /*     border-bottom: #999 1px solid;
        background: #bbb;		*/
    }
 
    #tabAccordion dl dt.btnAcv a:after {
        content: none;
    }
 
    #tabAccordion dl dd {
        width: 100%;
        height: 768px;
        position: relative;
		padding: 1em 0 10% 0; 
    }
}
@media only screen and (max-width: 480px) {
	 #tabAccordion dl dd {
		 height:320px;
	 }
}