
@charset "utf-8";




/**  cpmpanypage **/




#cpmpanypage{
background:#ffff;
margin:2em auto;
padding-bottom:2em;
}
@media only screen and (min-width: 1170px) { /*pc*/
#cpmpanypage{
max-width:1150px;
}

}

@media only screen and (max-width: 767px) {/*sp*/
#cpmpanypage{
margin:0em 0px 2em;
max-width:100%;
}

}

#main section#cpmpanypage h2{
margin-bottom:0.5em;

}


@media only screen and (min-width: 1170px) {/*pc*/

.entry{
width:900px;
margin:0 auto;
}

}


@media only screen and (max-width: 1169px) {/*sp*/

.entry{
width:96%;
margin:0 auto;
}

}


.date{
font-size:80%;
text-align:right;
}

#main #cpmpanypage h3{
font-size:140%;
margin-top:1.5em;margin-bottom:1.5em;
text-align:center;
}

#main #cpmpanypage h3:after{
content:"";
display:block;
height:2px;
background: rgba(15,139,166,0.34);
margin-top:8px;
}



#main dl{
border-bottom:1px solid #ccc;
margin-top:2em;
}

#main figure{
text-align:center;
}

#main figure img{
width:100%;
height:auto;
max-width:100%;
}


#main dt{
width:20%;
clear:both;
float:left;
text-align:center;
border-top:1px solid #ccc;
padding:1em;
color: rgba(183, 51, 32, 1)
}



#main dd{
margin-left:20%;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
padding:1em;
}


#main dd li{
padding:3px 5px;
}


#main dd li:before{
display:inline-block; 
vertical-align: middle;
/*以下丸つくる*/
content:'';
width:0.3em;
height:0.3em;
background: #666;
border-radius: 50%;
margin-right: 8px;

}

#main dd li ul{
margin-left:2em;
}


@media only screen and (max-width: 767px) {/*sp*/

#main dt{
width:100%;
clear:both;
text-align:left;
border-top:1px solid #ccc;
padding:0.5em;
color: rgba(183, 51, 32, 1)
}



#main dd{
border-top:1px solid #ccc;
border-left:none;
padding:0.5em 0.5em 0.5em 1em;
margin:0;
}

}



#main .gdata{
position:relative;
clear:both;
padding:1.5em 2em 0.5em;
border:1px dotted #E8E8E8;
margin-bottom:1em;
}
#main .gdata p:after{
content:"";
}

#main .gdata:before{
position: absolute;
top:0;
left: 0;
content:'';
width: 33px;
height: 33px;
border: 3px solid;
border-color: rgba(187, 187, 187, 1) transparent transparent rgba(187, 187, 187, 1) ;
}


#main .gdata:after{
display:inline-block; 
position: absolute;
right:0;
bottom: 0;
content:'';
width: 33px;
height: 33px;
border: 3px solid;
border-color: transparent rgba(187, 187, 187, 1) rgba(187, 187, 187, 1) transparent;
}



#main .gdata:after{
content:"";
}


#main .gdata .photo{
width:200px;
float:right;
margin-left:1em;
border:1px solid #ccc;
}

#main .gdata figure img{
width:100%;
height:auto;
}

#main .gdata figcaption{
text-align:center;
padding:5px;}


@media only screen and (max-width: 767px) {/*sp*/

#main .gdata{
padding:1em;
}

#main .gdata .photo{
width:50%;
min-width:200px;
float:none;
margin:1em auto;
}

#main .gdata figure img{
width:100%;
height:auto;
}

}




#main table{
font-size:100%;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
margin-bottom:1.5em;
width:100%;
}

#main table caption{
text-align:left;
}

#main table th{
background-color:#fff;
border-top:1px solid #ccc;
line-height:1.5em;
font-weight:normal;
color:#004B64;
padding:5px 5px;
text-align:center;
white-space:nowrap;
width:20%;
}

#main table td{
background-color:#ffffff;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
line-height:130%;
color:#333333;
padding:5px 10px;

}



@media only screen and (max-width: 767px) {/*sp*/

#main table{
margin-left:0;
}
#main table th{
white-space:normal;
}

.sp_none{
display:none;
}
}

