@charset "UTF-8";
/*
 * cmn_layout.css
 *
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}




/*------------------
        共通
------------------*/

h2 {
    font-size: 18px;
    line-height: 150%;
}

h3 {
    font-size: 14px;
    line-height: 150%;
}

h4 {
    font-size: 12px;
    border-bottom: 1px #333 solid;
}
.fontSmall {
    font-size: 80%;
}


/*------------------
        PC
------------------*/
#mainBox{
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    width: 80%;
    padding: 40px 0;
}

.outline {
    /* [disabled]padding-top: 3%; */
    padding-right: 8%;
    padding-left: 8%;
    padding-bottom: 0%;
    background-color: #fff;
}

#campaigntxt {
	padding-bottom:4%;
}
#gaiyo table {
	width: 100%;
}

#gaiyo table tr {
	padding-bottom: 5px;
}

#gaiyo th {
	vertical-align: top;
	width: auto;
}

#gaiyo td {
	/*width: 76%;*/
}
	
	#gaiyo td span{
	display: inline-block;
	padding-left: 2%;
}

.rgrey { color: #999999; font-size: 10px; display: block; float: left; padding: 0px 4px 2px 2px; }

/*-------------------------------------------------------------------------------------------------------------
	480px以上　767px以下
-------------------------------------------------------------------------------------------------------------*/

@media (min-width: 480px) and (max-width: 767px){
#gaiyo table,
#gaiyo tbody,
#gaiyo tr,
#gaiyo th{
	width:100%;
	display:block;
}

#gaiyo td{
	width: 95%;
	padding-left: 5%;
	display:block;
}

}


/*-------------------------------------------------------------------------------------------------------------
	479px以下
-------------------------------------------------------------------------------------------------------------*/

@media (max-width: 479px){
#gaiyo table,
#gaiyo tbody,
#gaiyo tr,
#gaiyo thd{
	width:100%;
	display:block;
}

#gaiyo td{
	width:95%;
	display:block;
	padding-left:5%;
}
}




/*-------------------------------------------------------------------------------------------------------------
	768px以上
-------------------------------------------------------------------------------------------------------------*/

@media (min-width: 768px){
	
	
#gaiyo table{
    width: 100%;
    max-width: 1000px;
}

#gaiyo tbody {
	width:100%;
	display:block;
}

#gaiyo th{
	width: 20%;
}
#gaiyo table tbody tr td{
	width: 80%;
	text-align: left;
}
}