/*my home page*/
/*□■共通 □■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■*/
body{width:100%; font-size:16px; text-align:left; padding:5px 10px 10px 10px; background-color:#f0f0f0;
user-select:auto; 
-webkit-user-select:auto;
-moz-user-select:auto;
-khtml-user-select:auto;
-webkit-user-drag:auto; 
-khtml-user-drag:auto;
}
/*□■共通 □■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■*/

/*■■ スマホ用 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
input[type=checkbox],[type=radio]{width:50px; height:50px; vertical-align:-18px;}
input[type=text]{margin:2px;}
select[name="tab_selectbox"]{-webkit-appearance:none; width: 240px; height: 25px;}

#top{width:800px; margin:25px auto; background-color:#fff; padding:15px 10px; text-align:center; border:1px solid #ccc;}
#thema{width:800px; margin:0px auto; border:1px solid #ccc; font-size:20px; line-height:50px; text-align:left; padding:15px 5px; color:#fff; background-color:#00CCFF;}

/*WEBアプリタブの色*/
.tab_a{border:1px solid #ccc; font-size:31px; line-height:80px; text-align:center; padding:10px 10px; background-color:#004400; color:#fff; margin:0px 1px;}
.tab_a:hover{background-color:#9BF9CC; transition:all 0.3s ease; color:#1122CC;}

/*分類タブの色*/
.tab_c{border:1px solid #ccc; font-size:45px; line-height:90px; text-align:center; padding:10px 10px; background-color:#CCFFFF; color:#1122CC; margin:5px 5px;}
.tab_c:hover{background-color:#00CCFF;transition:all 0.3s ease;}

#main{width:780px; margin:50px auto; border:1px solid #ccc; padding:15px 15px;}
#main_show{width:780px; margin:50px auto; border:1px solid #ccc; padding:15px 15px; background-color:#fff;}

textarea{margin:2px; height:60px; width:95%;}
img{width:100%;}
.hn{width:60px; height:25px;}
.sn{width:240px; height:25px;}
.ssn{width:70px; height:25px;}
.topf1{font-size:50px;}
.topf2{font-size:15px;}
.topf3{font-size:40px;}
.shin-h{height:90%; width:90%;}
.posi{zoom:85%; margin:10px 10px;}
.bunin{font-size:60px;}
.show_btnin{zoom:250%;}
.btnin{zoom:320%;}
.btnin_big{zoom:400%;}
.kiji{vertical-align:top; width:755px; height:200px;}
.tgazou{max-width:180px; height:auto; display:inline-block; margin:5px 20px;}
.tgazou_u{max-width:700px; height:auto; display:inline-block; margin:5px 20px; font-size:40px;}
.tgazou_s{max-width:400px; height:auto; margin:15px auto 5px; font-size:16px; line-height:29px;}
.sns_size_select{max-width:40px; height:auto; margin:10px auto;}
.sns_size{max-width:300px; height:auto; margin:-15px auto;}
.blue_light{
	border:blue solid 1px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
 .blue_light:hover{
	-webkit-box-shadow:
	0 0 0 0px #fff,
	0 0 0 1px blue;
	-moz-box-shadow:
	0 0 0 0px #fff,
	0 0 0 1px blue;
	box-shadow:
	0 0 0 0px #fff,
	0 0 0 1px blue;
 }
 
.tab_k{max-width:400px; height:auto; padding:5px 10px; font-size:35px; line-height:75px; color:#1122CC; background-color:#B1F9D0;}
.tab_k:hover{background-color:#00F9A9; transition:all 0.2s ease;}

.tgazou_w{display:block; position:absolute; height:auto; width:100%; margin:auto; top:0; bottom:0; right:0; left:0;}
.tgazou_d{display:block; position:absolute; height:100%; width:auto; margin:auto; top:0; bottom:0; right:0; left:0;}
.tgazou_prof{display:block; position:absolute; height:auto; width:80%; margin:auto; top:0; bottom:0; right:0; left:0; border-radius:50%; border:1px blue solid;}

.linebrue{text-decoration:underline; color:blue;}
.futoji{font-size:22px; color:blue;}
.gzipsize{width:250px;}

.border-s{border:solid 1px #00c; border-collapse:collapse; word-break:break-all; word-wrap:break-word; overflow-wrap:break-word; font-size:35px; background-color:#cccccc; table-layout:fixed;}
.border-s td{border:solid 1px #00c; word-break:break-all; word-wrap:break-word; overflow-wrap:break-word; font-size:35px; table-layout:fixed;}

.border-d{border:solid 1px #00c; border-collapse:collapse; word-break:break-all; word-wrap:break-word; overflow-wrap:break-word; font-size:35px; border-top:hidden; table-layout:fixed;}
.border-d td{border:solid 1px #00c; word-break:break-all; word-wrap:break-word; overflow-wrap:break-word; font-size:35px; border-top:hidden; table-layout:fixed;}

.td-haba{width:400px;}
.td-p_haba{width:60px;}
.gazou_center{vertical-align:middle;}

.bigfutoji{font-size:40px; font-weight:bold;}
.nor{font-size:35px;}
.blue{color:blue;}
.red{color:red;}
.gray{color:#666666;}
.bold{font-weight:bold;}
.click{border:solid 1px blue;}
.sen_blue{border:solid 0.5px blue;}
.center{text-align:center;}
.sen{display:block; width:100%; height:1px; background-color:#4689FF; border:0;}
.posi2{zoom:65%; margin:20px 10px;}
.qrgazou{zoom:250%;}
.relative {position:relative; height:480px;}

/*投稿枠******************************************************/
.toukou {
	background-color:#fff;
	border:1px blue solid;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.toukou:hover{
	background-color:#B1F9D0;
	-webkit-box-shadow:
	0 0 0 0px #fff,
	0 0 0 2px #006400;
	-moz-box-shadow:
	0 0 0 0px #fff,
	0 0 0 2px #006400;
	box-shadow:
	0 0 0 0px #fff,
	0 0 0 2px #006400;
}
/*投稿枠******************************************************/

/*投稿枠の送信ボタン******************************************/
.toukou_submit {
	background-color:#002200;
	color:#fff;
	border:1px #AAAAAA solid;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.toukou_submit:hover{
	background-color:#005500;
	color:#fff;
	-webkit-box-shadow:
	0 0 0 0px #fff,
	0 0 0 1.5px #006400;
	-moz-box-shadow:
	0 0 0 0px #fff,
	0 0 0 1.5px #006400;
	box-shadow:
	0 0 0 0px #fff,
	0 0 0 1.5px #006400;
}
.toukou_submit:active{
	background-color:#B1F9D0;
	color:gray;
	-webkit-box-shadow:
	0 0 0 0px #fff,
	0 0 0 3px #006400;
	-moz-box-shadow:
	0 0 0 0px #fff,
	0 0 0 3px #006400;
	box-shadow:
	0 0 0 0px #fff,
	0 0 0 3px #006400;
}
/*投稿枠の送信ボタン******************************************/

.absolute {
	position:absolute; height:200px; width:200px; left:80px; top:260px; border-radius:50%; border:1px blue solid;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.absolute:hover{
	-webkit-box-shadow:
	0 0 0 0px #fff,
	0 0 0 2px blue;
	-moz-box-shadow:
	0 0 0 0px #fff,
	0 0 0 2px blue;
	box-shadow:
	0 0 0 0px #fff,
	0 0 0 2px blue;
}

.user_btn{
	font-size:340%;text-align:center;
	border: 0px;
	background:linear-gradient(#004400,#008800); text-decoration:none; color:#fff; width:500px; padding:15px 15px; margin:15px 20px; text-align:center; display:inline-block;
}
 .user_btn:hover{cursor: pointer; opacity:0.5;}
 
 .login_btn{
	font-size:340%;text-align:center;
	border: 0px;
	background:linear-gradient(#0000AA,#0000FF); text-decoration:none; color:#fff; width:500px; padding:15px 15px; margin:15px 20px; text-align:center; display:inline-block;
}
 .login_btn:hover{cursor:pointer; opacity:0.5;}
 
 .create_btn{
	font-size:340%;text-align:center;
	border: 0px;
	background:linear-gradient(#AA0000,#FF0000); text-decoration:none; color:#fff; width:500px; padding:15px 15px; margin:15px 20px; text-align:center; display:inline-block;
}
 .create_btn:hover{cursor:pointer; opacity:0.5;}

#fix-btn{position:fixed; bottom:320px; right:3px; font-size:25px;}
#fix-btn a {background:#5507FF; text-decoration:none; color:#fff; width:80px; padding:70px 0px; margin:25px 0px; text-align:center; display:block; border-radius:5px;}
#fix-btn a:hover {text-decoration:none; background:#4689FF;}

#showfix-btn{position:fixed; bottom:320px; right:3px; font-size:25px;}
#showfix-btn a {background:#666; text-decoration:none; color:#fff; width:80px; padding:70px 0px; margin:25px 0px; text-align:center; display:block; border-radius:5px;}
#showfix-btn a:hover {text-decoration:none; background:#999;}

#top-move-btn{position:fixed; bottom:0px; right:3px; font-size:60px;}
#top-move-btn a {background:#008000; text-decoration:none; color:#fff; width:80px; padding:70px 0px; margin:25px 0px; text-align:center; display:block; border-radius:50px;}
#top-move-btn a:hover {text-decoration:none; background:#00BB00;}

#qrdl-btn{font-size:340%;text-align:center;}
#qrdl-btn a {background:linear-gradient(#1E00FF, #0094ff); text-decoration:none; color:#fff; width:auto; padding:5px 15px; margin:0px 20px; text-align:center; display:inline-block; border-radius:15px;}
#qrdl-btn a:hover {background:linear-gradient(#4689FF, #05FBFF); text-decoration:none; border-radius:15px;}

#apli-btn{font-size:340%;text-align:center;}
#apli-btn a {background:linear-gradient(#00CC66, #66CC99); text-decoration:none; color:#fff; width:auto; padding:5px 15px; margin:0px 20px; text-align:center; display:inline-block; border-radius:15px;}
#apli-btn a:hover {background:linear-gradient(#00FFCC, #66CC99); text-decoration:none; border-radius:15px;}
/*■■ スマホ用 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■ 画面サイズが1000px以上【PC用】■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (min-width:1000px)
{
input[type=checkbox],[type=radio]{width:20px; height:20px; vertical-align:-5px;}
#top{width:620px;}
#thema{width:970px;line-height:22px;}
#tab_click{width:950px;}
#main{width:950px; margin:25px auto;}
textarea{width:600px;}

.tab_a{font-size:16px; line-height:29px; padding:0px 10px; margin:0px 10px;}
.tab_c{font-size:16px; line-height:29px; padding:0px 5px; margin:0px;}
.tab_k{font-size:16px; line-height:29px; padding:0px 6px;}

.topf1{font-size:32px;}
.topf2{font-size:16px;}
.topf3{font-size:16px;}
.shin-h{height:70%; width:70%;}

.posi{zoom:43%; margin:10px 10px;}

.user_btn{font-size:200%;text-align:center; width:300px; padding:5px 15px; margin:15px 5px;}
.login_btn{font-size:200%;text-align:center; width:300px; padding:5px 15px; margin:15px 5px;}
.create_btn{font-size:200%;text-align:center; width:300px; padding:5px 15px; margin:15px 5px;}

.bunin{font-size:16px;}
.show_btnin{zoom:160%;}
.btnin{zoom:100%;}
.btnin_big{zoom:125%;}

.tgazou_prof{width:40%;}

.border-s{font-size:16px;}
.border-s td{font-size:16px;}

.border-d{font-size:16px;}
.border-d td{font-size:16px;}

.td-haba{width:220px;}

.bigfutoji{font-size:25px;}
.nor{font-size:20px;}
.posi2{zoom:27%; margin:5px;}
.tgazou_u{max-width:900px; height:auto; display:inline-block; margin:5px 20px; font-size:16px;}
.tgazou{max-width:70px; height:auto; display:inline-block; margin:5px 20px;}
.big_textarea{width:400px; height:70px;}
.tgazou_w{display:block; position:absolute; height:99%; width:auto; margin:auto; top:0; bottom:0; right:0; left:0;}
.tgazou_d{display:block; position:absolute; height:99%; width:auto; margin:auto; top:0; bottom:0; right:0; left:0;}
.kiji{vertical-align:top; width:915px; height:200px; font-size:18px; padding:5px 11px;}
.qrgazou{zoom:100%;}
.sns_size{max-width:120px; height:auto; margin:-10px auto;}

#fix-btn{bottom:160px; right:20px; font-size:16px;}
#fix-btn a {width:100px; padding:30px 0px;}

#showfix-btn{bottom:160px; right:20px; font-size:16px;}
#showfix-btn a {width:100px; padding:30px 0px;}

#top-move-btn{right:20px; font-size:28px;}
#top-move-btn a {width:100px; padding:30px 0px;}

#qrdl-btn{font-size:120%;text-align:center;}
#qrdl-btn a {padding:5px 15px; margin:0px 5px;}

#apli-btn{font-size:120%;text-align:center;}
#apli-btn a {padding:5px 15px; margin:0px 5px;}
}
/*■■ 画面サイズが1000px以上【PC用】■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/