@charset "utf-8";

/**
 * cpu_css
 * base.css
 */

/******************************************************
 リセット
******************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,nav{margin:0;padding:0;}  
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;margin:0;}

ul {font-size:100%;font-weight:normal;list-style: none;}
/*img {display:block;}
*/
a { outline:none;text-decoration:none; }
a:hover { outline:none;text-decoration:none; }
/******************************************************
↓隙間をなくす重要項目！
******************************************************/
li,dt,dd{
font-size:0px;
line-height:0px;
}



img{
	vertical-align:bottom;
}




/******************************************************
↑隙間をなくす重要項目！
******************************************************/

/******************************************************
 clearfix
******************************************************/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {display: inline-block;}
/* html .clearfix {height: 1%}
.clearfix {display:block;}*/


.clear_both {
	clear:both;
}

/******************************************************
 float
******************************************************/

.fr{
	float:right;
}
.fl{
	float:left;
}


/******************************************************
 リセット後　bootstrap修正　スマホボタン　押された時に光るようにする（標準機能に戻す）
******************************************************/
html {
  font-size: 10px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* ↑これがあると押された機能をOFFにしてしまう(透明になっているため見えない) */
  
  /* ↓標準とほぼ同じ黒の半調 */
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0.5);
}


/*
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

*/




/*PC用*/
.announce_top{
	width:100%;
	margin:0 auto 30px;
	border:#F00 solid 3px;
	background:#fff;
}

.announce_top_box{
	padding:20px;
	font-size: 13px;
	line-height:22px;
	color:#000;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration:none;
	outline:none;
	text-align:center;
	background:#fff;
}

.announce_top_title{
	font-size: 17px;
	line-height:28px;
	font-weight:bold;
	color:#F00;
}

.announce_top_btn{
	font-size: 15px;
	line-height:28px;
	font-weight:bold;
	color:#090;
}

.announce_top_btn a{
	font-size: 15px;
	line-height:28px;
	font-weight:bold;
	color:#090;
}


/*スマホ用*/
.announce_top_s{
	width:100%;
	margin:0 auto 20px;
	border:#F00 solid 3px;
	background:#fff;
}

.announce_top_box_s{
	padding:8px 6px;
	font-size: 11px;
	line-height:14px;
	color:#000;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration:none;
	outline:none;
	text-align:center;
	background:#fff;
}

.announce_top_box_s a{
	font-size: 11px;
	line-height:14px;
	color:#090;
	text-decoration:underline;
	
}

.announce_top_title_s{
	font-size: 12px;
	line-height:13px;
	font-weight:bold;
	color:#F00;
}

.announce_top_btn_s{
	font-size: 13px;
	line-height:15px;
	font-weight:bold;
	color:#090;
}

.announce_top_btn_s a{
	font-size: 13px;
	line-height:15px;
	font-weight:bold;
	color:#090;
}