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

@media only screen and (min-width: 769px) {
/*ここにpc用スタイルを記述*/
.sp{
	display:none;
}
}

/* tablet  */
@media only screen and (min-width: 481px) and (max-width: 768px) {
/*ここにtablet用スタイルを記述*/
.sp{
	display:none;
}
}
 
/* smartPhone */
@media screen and (max-width: 480px) {
/*ここにスマホ用スタイルを記述*/
.pc{
	display:none;
}
body .col30{
	float:none;
	width:100%;
	margin-bottom:10px;
}
}

/*-----------------------------
リセット
---------------------------*/
ul, ol, li {
  list-style:none;
}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, table, th, tr, td, img {
    margin: 0; 
    padding: 0;
}


/*-----------------------------
アクセス
---------------------------*/
.bg_wrapper,.bg_wrapper02 {
    border-bottom: solid 1px #cccccc;
    border-top: solid 1px #cccccc;
}
.ttl_topics{
	width:9em;
	float:left;
    margin-right: 10px;
    background-color: #efefef;
    padding: 4px 10px;
    font-size: 90%;
    text-align: center;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
.access_txt{
	padding-top:3px;
}
.wrapper{
	margin-bottom:5px;
}
.btn_w50{
	background-color:#efefef;
}
.col70 img{
	width:100%;
}
.acc .ttl_topics{
	float:none;
	margin-bottom:0;
}
.acc .access_txt{
	margin-bottom:5px;
}
.box_blue_ttl{
	color:#000;
}