@charset "utf-8";
#gattend #gatcontents #cp .content dl.index dd{
display:block;
}
#gattend #gatcontents #cp .content dl.index dd.top{
padding-top:20px;
text-align:left;/* edit */
}
#gattend #gatcontents #cp .content dl.index dd.top.lead{
font-size:1.4em;
padding-bottom:20px;
margin-top:20px;
border-top:9px double #ba2636;
border-bottom:9px double #ba2636;
text-align:center;/* edit */
color:#000;/* edit */
}
#gattend #gatcontents #cp .content dl.index dd.qs{
padding-top:20px;
}
#gattend #gatcontents #cp .content dl.index dd.qs .from{
margin-bottom:10px;
text-align:center;
font-weight:normal;
font-size:1.2em;
line-height:1.4;
}
#gattend #gatcontents #cp .content dl.index dd.qs .from:before,
#gattend #gatcontents #cp .content dl.index dd.qs .from:after{
content:"－";
color:#ba2636;
font-weight:bold;
}
#gattend #gatcontents #cp .content dl.index dd.qs .flx{
display:-webkit-flex;
display:flex;
-webkit-align-items:center;
align-items:center;
margin-bottom:20px;
}
#gattend #gatcontents #cp .content dl.index dd.qs .flx .item{
max-width:50%;
flex:0 0 50%;
padding:0 5px;
}
#gattend #gatcontents #cp .content dl.index dd.qs .que{
margin-bottom:5px;
text-align:left;
}
#gattend #gatcontents #cp .content dl.index dd.qs .flx .item ol{
text-align:left;
font-weight:bold;
margin-bottom:10px;
}
#gattend #gatcontents #cp .content dl.index a.gtcg{
background:url(img/tb.gif) bottom right no-repeat;
padding-right:16px;
margin-top:5px;
}
#gattend #gatcontents #cp .content dl.index dd h4{
margin-bottom:20px;
padding:10px;
font-size:1.6em;
font-weight:normal;
color:#fff;/* edit */
background-color:#ba2636;/* edit */
}
/*--[ present ]--*/
#gattend #gatcontents #cp .content dl.index dd.present .info table,
#gattend #gatcontents #cp .content dl.index dd.present .info table tr td,
#gattend #gatcontents #cp .content dl.index dd.present .info table tr th{
border:1px solid #777;
text-align:center;
}
#gattend #gatcontents #cp .content dl.index dd.present .info table{
border-collapse:collapse;
width:100%;
margin:10px 0;
}
#gattend #gatcontents #cp .content dl.index dd.present .info table tr td,
#gattend #gatcontents #cp .content dl.index dd.present .info table tr th{
padding:5px;
}
#gattend #gatcontents #cp .content dl.index dd.present .info table tr th.nowrap{
white-space:nowrap;
}
#gattend #gatcontents #cp .content dl.index dd.present .info table tr td.tl{
text-align:left;
}
#gattend #gatcontents #cp .content dl.index dd.present .info h5{
margin-bottom:5px;
padding:0 5px 5px 0;
color:#000;/* edit */
font-size:1.2em;
font-weight:normal;
}
/*--[ youkou ]--*/
#gattend #gatcontents #cp .content dl.index dd.youkou ul li h5{
margin-bottom:5px;
padding-bottom:5px;
color:#ba2636;/* edit */
font-size:1.25em;
font-weight:normal;
border-bottom:1px dotted #777;
}
#gattend #gatcontents #cp .content dl.index dd.youkou ul li{
padding:0 10px;
margin-bottom:20px;
}
#gattend #gatcontents #cp .content dl.index dd.youkou .red.caution{
margin:0;
font-size:1.2em;
}
@media screen and (max-width:640px){
#gattend #gatcontents #cp .content dl.index dd.qs .flx{
display:block;
}
#gattend #gatcontents #cp .content dl.index dd.qs .flx .item{
max-width:100%;
margin-bottom:10px;
text-align:center;
}
#gattend #gatcontents #cp .content dl.index dd.present ul.main{
display:block;
}
#gattend #gatcontents #cp .content dl.index dd.present ul.main li{
max-width:100%; /* for IE11 */
margin-bottom:30px;
}
}
#gattend #gatcontents #cp .content.entrypage #addinfo dl{
display:block;
}
#gattend #gatcontents #cp .content.entrypage #addinfo dl dt{
max-width:100%;
}
#gattend #gatcontents #cp .content.entrypage #addinfo dl dd{
max-width:100%;
display:block;
}