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

/*--------------
全体
----------------*/
*{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	margin:0;
	padding:0;
}

html, body {
	height: 100%;
	min-height:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
	position:relative;
	width:100%;
	padding:0;
	margin:0;
	overflow-x:hidden;
	background:#FFF;
	-webkit-user-select:none;
}

body,p{
	text-align:justify;
	text-justify:distribute;
	font-size:13px;
	line-height:20px;
	color:#fff;
}

p{
	color:#333;
}

a{
	text-decoration:none;
}

a:visited{
	text-decoration:none;
}

a:hover{
	text-decoration:none;
}

*{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

img{
	-webkit-touch-callout: none;
	vertical-align: bottom; 
	border: none;
}

/*--------------
ローディング
----------------*/
#loading_a{
	position:absolute;
	left:50%;
	margin-left:-50px;
	bottom:50%;
	margin-bottom:-55px;
}

#loading_b{
	position:absolute;
	left:50%;
	margin-left:-50px;
	bottom:50%;
	margin-bottom:-55px;
	width:100px;
	height:130px;
	height:0;
	overflow:hidden;
}

#loading_b img{
	position:absolute;
	left:0;
	bottom:0;
}


/*--------------
画像長押し阻止
----------------*/
.seald{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0);
}

#fade2{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	background:url(../img/loader.gif) no-repeat center center #000;
	background:#FFF;
	background-size:20px auto;
	z-index:990;
}

/*--------------
中ページヘッダ
----------------*/

#main_visual{
	position:relative;
	width:100%;
}

/*--------------
中ページフッタ
----------------*/

.foot_navi{
	position:relative;
	width:100%;
}

.index_link{
	position:relative;
	width:50%;
}

.top_link{
	position:absolute;
	right:0;
	top:0;
	width:50%;
}

address{
	position:relative;
	width:100%;
	height:10px;
	text-align:center;
	padding-bottom:25px;
}

address img{
	vertical-align: top;
}

#policy{
    position: relative;
    width: 280px;
    margin: 23px auto 15px;
    text-align: center;
    font-size: 11px;
    color: #333;
}

#policy a{
	color:#333;
}



#coution{
	position:relative;
}
.ca{
	position:absolute;
	left:0;
	top:0;
	opacity:0;
}
.ca_select{
	opacity:1;
}

#tweet_cn{
	margin:0 10px;
}
#tweet_btn{
	margin:30px 0 15px;
}
.foot_navi{
	margin-top:40px;
}
#textarea{
	position:relative;
	width:278px;
	margin:15px auto 0 auto;
}
textarea{
	resize:none;
	width:268px;
	height:110px;
	padding:5px;
	font-size:14px;
	line-height:22px;
}
.cheakarea{
	position:relative;
}
.ch_form{
	position:absolute;
	left:0;
	top:0;
	opacity:0;
}
.checked{
	opacity:1;
}
.twcount{
	font-size:14px;
	position:absolute;
	right:0;
	bottom:-22px;
	color:#CCC;
}
#toggle{
	color:#333;
	line-height:22px;
	font-size:14px;
	display:none;
}
#follow{
	margin:0  0 8% 0;
}
.imgs{
	background:url(../img/qa/q.gif) no-repeat left top;
	background-size:30px auto;
}
.imgs2{
	background:url(../img/qa/a.gif) no-repeat left top;
	background-size:30px auto;
}
.imgs p{
	margin-left:35px;
	min-height:30px;
	line-height: 14px;
	font-weight:bold;
}
.imgs2 p{
	margin-left:35px;
	min-height:30px;
	line-height: 26px;
	font-weight:bold;
}

.text_str{
	margin:10px;
}