@charset "utf-8";
#gattend #gatcontents #cp .content dl.index dd{
padding:30px 10px 0;
display:block;
}
#gattend #gatcontents #cp .content dl.index dd .fs08{
font-size:0.8em;
}
#gattend #gatcontents #cp .content dl.index dd.top{
padding:15px 20px;
text-align:center;
font-size:1.6em;
color:#fff;
background-color:#E36600;
}
#gattend #gatcontents #cp .content dl.index dd.kigen{
padding:10px 20px;
text-align:center;
font-size:2em;
color:#E36600;
border-bottom:1px solid #E36600;
}
#gattend #gatcontents #cp .content dl.index dd.lead{
font-size:1.3em;
line-height:1.6;
}
#gattend #gatcontents #cp .content dl.index dd.lead strong{
display:block;
margin:5px 0;
font-size:1.4em;
text-align:center;
color:#E36600;
}
#gattend #gatcontents #cp .content dl.index dd.lead ul{
margin-top:1em;
padding-top:1em;
border-top:1px solid #777;
}
#gattend #gatcontents #cp .content dl.index dd.lead ul li{
font-size:0.8em;
margin-bottom:1em;
padding-bottom:1em;
border-bottom:1px dashed #777;
}
#gattend #gatcontents #cp .content dl.index dd.lead ul li:last-child{
border-bottom:1px solid #777;
}
#gattend #gatcontents #cp .content dl.index dd.lead ul li strong{
display:inline;
color:#f00;
margin:0;
font-size:1.2em;
text-align:left;
}
#gattend #gatcontents #cp .content dl.index dd h4{
margin-bottom:20px;
font-size:1.6em;
font-weight:normal;
color:#679902;
}
#gattend #gatcontents #cp .content dl.index dd h5{
padding:10px;
margin-bottom:15px;
font-size:1.6em;
text-align:center;
color:#fff;
background-color:#679902;
background:linear-gradient(to bottom, #690, #470);
}
#gattend #gatcontents #cp .content dl.index dd ol.def > li{
margin-bottom:15px;
font-size:1.4em;
font-weight:bold;
color:#679902;
}
#gattend #gatcontents #cp .content dl.index dd ol.def > li .val{
font-size:0.7em;
font-weight:normal;
color:#000;
}
#gattend #gatcontents #cp .content dl.index dd ol.def > li .val .toterm{
margin-top:5px;
padding:10px;
/**background-color:#242; edit **/
text-align:center;
}
#gattend #gatcontents #cp .content dl.index dd ol.def > li .val .toterm p{
display:block;
padding:10px;
text-align:left;
background-color:#fff;
}
#gattend #gatcontents #cp .content dl.index dd.jyouken h5{
padding:10px;
margin-bottom:0;
font-size:1.6em;
text-align:center;
color:#fff;
background-color:#f00;
background:linear-gradient(to bottom, #900, #700);
}
#gattend #gatcontents #cp .content dl.index dd.jyouken ol.def{
padding:10px 10px 0;
font-size:1.2em;
border:5px solid #700;
border-top:none;
background-color:#fee;
}
#gattend #gatcontents #cp .content dl.index dd.jyouken ol.def > li{
color:#360;
}
#gattend #gatcontents #cp .content dl.index dd .big{
margin-bottom:10px;
font-size:1.2em;
font-weight:normal;
color:#666;
}
#gattend #gatcontents #cp .content dl.index dd .big2{
margin-bottom:10px;
font-size:1.8em;
font-weight:normal;
color:#666;
}
#gattend #gatcontents #cp .content dl.index dd ul.arealist{
display:-webkit-flex;
display:flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
padding:20px 5px;
}
#gattend #gatcontents #cp .content dl.index dd.invite ul.arealist{
margin:0 -1.5%;
}
#gattend #gatcontents #cp .content dl.index dd ul.arealist > li{
flex:1 1 50%;
max-width:50%; /* for IE11 */
display:-webkit-flex;
display:flex;
-webkit-align-items:stretch;
align-items:stretch;
-webkit-justify-content:center;
justify-content:center;
margin-bottom:20px;
}
#gattend #gatcontents #cp .content dl.index dd ul.arealist > li .box{
flex:0 0 96%;
max-width:96%; /* for IE11 */
padding:10px;
border:3px solid #6c6;
-webkit-border-radius:12px;
-moz-border-radius:12px;
-o-border-radius:12px;
border-radius:12px;
}
#gattend #gatcontents #cp .content dl.index dd ul.arealist > li .box h6{
text-align:center;
font-size:1.4em;
color:#679902;
margin:0 5px 5px;
}
#gattend #gatcontents #cp .content dl.index dd ul.arealist > li .box ul{
margin-bottom:20px;
}
#gattend #gatcontents #cp .content dl.index dd ul.arealist > li .box ul li{
position:relative;
padding-left:1.2em;
margin-bottom:5px;
}
#gattend #gatcontents #cp .content dl.index dd ul.arealist > li .box ul li.star:before{
content:'★';
display:block;
position:absolute;
left:0;
width:1.2em;
text-align:center;
}
@media screen and (max-width:620px){
#gattend #gatcontents #cp .content dl.index dd ul.arealist,
#gattend #gatcontents #cp .content dl.index dd ul.arealist > li{
display:block;
max-width:100%; /* for IE11 */
}
#gattend #gatcontents #cp .content dl.index dd ul.arealist > li .box{
max-width:100%; /* for IE11 */
}
#gattend #gatcontents #cp .content dl.index dd ul.arealist > li .box h6{
text-align:left;
}
}
#gattend #gatcontents #cp .content dl.index dd.other ul li{
margin-bottom:10px;
}
#gattend #gatcontents #cp .content dl.index dd .gbox{
padding:10px;
margin:10px;
font-size:1.2em;
border:3px solid #6c6;
}
#gattend #gatcontents #cp .content dl.index dd.nagare{
text-align:center;
}
#gattend #gatcontents #cp .content dl.index dd ol.schedule{
margin:10px 0;
display:inline-block;
}
#gattend #gatcontents #cp .content dl.index dd ol.schedule > li{
position:relative;
margin-bottom:10px;
font-size:1.2em;
color:#363;
text-align:center;
}
#gattend #gatcontents #cp .content dl.index dd ol.schedule > li:after{
display:block;
content:'▼';
height:20px;
font-size:20px;
line-height:1.0;
}
#gattend #gatcontents #cp .content dl.index dd ol.schedule > li.def div{
padding:20px;
border:1px solid #363;
}
#gattend #gatcontents #cp .content dl.index dd ol.schedule > li.def:after{
content:'▽';
}
#gattend #gatcontents #cp .content dl.index dd ol.schedule > li.cau div{
padding:20px;
color:#fff;
background-color:#a00;
}
#gattend #gatcontents #cp .content dl.index dd ol.schedule > li.cau:after{
color:#a00;
}
#gattend #gatcontents #cp .content dl.index dd ol.schedule > li.gre div{
padding:20px;
color:#fff;
background-color:#363;
}
#gattend #gatcontents #cp .content dl.index dd ol.schedule > li.gre:after{
color:#363;
}
#gattend #gatcontents #cp .content dl.index dd ol.schedule > li.ore div{
padding:20px;
color:#fff;
background-color:#E36600;
}
#gattend #gatcontents #cp .content dl.index dd ol.schedule > li.ore:after{
display:none;
}
#gattend #gatcontents #cp .content dl.index dd.step ol{
}
#gattend #gatcontents #cp .content dl.index dd.step ol li{
display:-webkit-flex;
display:flex;
-webkit-align-items:stretch;
align-items:stretch;
margin-bottom:10px;
}
#gattend #gatcontents #cp .content dl.index dd.step ol li .stepimg{
position:relative;
flex:1 1 27%;
}
#gattend #gatcontents #cp .content dl.index dd.step ol li .stepimg img{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
}
#gattend #gatcontents #cp .content dl.index dd.step ol li .fukidasi{
flex:1 1 73%;
display:-webkit-flex;
display:flex;
-webkit-align-items:center;
align-items:center;
padding:10px;
margin:10px;
border:3px solid #6c6;
-webkit-border-radius:12px;
-moz-border-radius:12px;
-o-border-radius:12px;
border-radius:12px;
}
#gattend #gatcontents #cp .content dl.index dd.step ol li .fukidasi img{
display:block;
margin:10px 0;
}
@media screen and (max-width:768px){
#gattend #gatcontents #cp .content dl.index dd.step ol li .stepimg{
flex:1 1 40%;
max-width:40%; /* for IE11 */
}
#gattend #gatcontents #cp .content dl.index dd.step ol li .fukidasi{
flex:1 1 60%;
max-width:60%; /* for IE11 */
}
}
@media screen and (max-width:520px){
#gattend #gatcontents #cp .content dl.index dd.step ol li{
display:block;
}
#gattend #gatcontents #cp .content dl.index dd.step ol li .stepimg{
display:block;
text-align:center;
max-width:100%; /* for IE11 */
}
#gattend #gatcontents #cp .content dl.index dd.step ol li .stepimg img{
position:static;
}
#gattend #gatcontents #cp .content dl.index dd.step ol li .fukidasi{
display:block;
max-width:100%; /* for IE11 */
}
#gattend #gatcontents #cp .content dl.index dd.step ol li .fukidasi img{
margin:10px auto;
}
}
#gattend #gatcontents #cp .content dl.index dd.invite .grade{
color:#fff;
font-size:1.4em;
line-height:1.8;
font-weight:bold;
text-align:center;
padding:20px;
background:linear-gradient(to bottom, #470, #690);
}
#gattend #gatcontents #cp .content dl.index dd.invite .mustmessage{
padding:25px 20px 20px;
text-align:center;
color:#E36600;
font-size:2em;
font-weight:bold;
}
#gattend #gatcontents #cp .content dl.index dd.invite .kiyakus{
display:-webkit-flex;
display:flex;
-webkit-align-items:stretch;
align-items:stretch;
margin:0 -1%;
}
#gattend #gatcontents #cp .content dl.index dd.invite .kiyakus .box{
flex:1 1 50%;
max-width:50%; /* for IE11 */
padding:5px 1%;
display:-webkit-flex;
display:flex;
-webkit-align-items:stretch;
align-items:stretch;
}
@media screen and (max-width:520px){
#gattend #gatcontents #cp .content dl.index dd.invite .kiyakus{
display:block;
}
#gattend #gatcontents #cp .content dl.index dd.invite .kiyakus .box{
max-width:100%; /* for IE11 */
}
}
#gattend #gatcontents #cp .content dl.index dd.invite .kiyakus .box a{
width:100%;
display:-webkit-flex;
display:flex;
-webkit-align-items:center;
align-items:center;
}
#gattend #gatcontents #cp .content .enterlink{
display:block;
color:#fff;
font-size:1.8em;
font-weight:bold;
text-align:center;
text-decoration:none;
padding:25px 15px;
border-top:1px solid #6c6;
border-left:1px solid #6c6;
border-right:1px solid #030;
border-bottom:1px solid #030;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-o-border-radius:6px;
border-radius:6px;
background-color:#060;
}
#gattend #gatcontents #cp .content .enterlink:hover{
background-color:#090;
}
#gattend #gatcontents #cp .content .kiyakulink{
display:block;
color:#fff;
font-size:1.2em;
font-weight:bold;
padding:15px 15px 15px 15px;
border-top:1px solid #99f;
border-left:1px solid #99f;
border-right:1px solid #006;
border-bottom:1px solid #006;
background-color:#36f;
}
#gattend #gatcontents #cp .content .pdflink{
position:relative;
display:block;
color:#fff;
font-size:1.2em;
font-weight:bold;
padding:15px 47px 15px 15px;
border-top:1px solid #9f9;
border-left:1px solid #9f9;
border-right:1px solid #060;
border-bottom:1px solid #060;
background-color:#393;
}
#gattend #gatcontents #cp .content .pdflink:after{
content:url(../../img/icon-pdf.png);
position:absolute;
display:-webkit-flex;
display:flex;
-webkit-align-items:center;
align-items:center;
top:0;
right:7px;
bottom:0;
margin:auto;
}
#gattend #gatcontents #cp .content .wguide{
width:500px;
max-width:100%;
margin:20px auto;
}
#gattend #gatcontents #cp .content .toiawase{
text-align:center;
font-size:1.6em;
}