/*--
若者支援コンシェルジュ用ＣＳＳ
url(/のあとに
http://prev.aisoho.jp/wp-content/uploads/sozai/
--*/

a:hover {
	text-decoration: none;
}
/*ブロック背景*/

div,span a:hover {
	text-decoration: none;
}
.consbc-gray {
	background:#F0F0F0;
	width:100%;
	padding:10px;
	display:inline-block;
}

/*cons1　トップ*/
#cons1block1left{
	width:30%;
	float:left;
	padding:8px;
	text-align:right;
}
.cons1block1right{
	width:60%;
	text-align:left;
	float:left;
	padding:10px;
}

.cons1block1right img {
	padding:8px;
}

.cons1block1right img:hover {
	background:yellow;
}

/*SNSアカウント*/
.constitle-cha {
	font-size:36px;
	color:#6A3906;
	margin:20px 0 10px 0;
	text-align:center;
	line-height:200%;
}
.constitle-cha img {
	margin:20px 40px 20px 40px;
}

@media screen and (max-width: 576px) {
.constitle-cha img {
	max-width:48%;
}	
}

/*メニューリンク*/
.cons1menublue {
	width:40%;
	padding:8px 20px 8px 20px;
	margin:15px;
	background:#FFFFFF;
	border-radius: 20px;
	font-size:200%;
	font-weight:bold;
	color:#0059EE;
	text-align:center;
	line-height:200%;
}
.cons1menupink {
	width:40%;
	padding:8px 10px 8px 10px;
	margin:15px;
	background:#FFFFFF;
	border-radius: 20px;
	font-size:200%;
	font-weight:bold;
	color:#FF12E3;
	text-align:center;
	line-height:200%;
}
.cons1menugreen {
	width:40%;
	padding:8px 20px 8px 20px;
	margin:15px;
	background:#FFFFFF;
	border-radius: 20px;
	font-size:200%;
	font-weight:bold;
	color:#00A009;
	text-align:center;
	line-height:200%;
}
.cons1menuorange {
	width:40%;
	padding:8px 20px 8px 20px;
	margin:15px;
	background:#FFFFFF;
	border-radius: 20px;
	font-size:200%;
	font-weight:bold;
	color:#FF5D36;
	text-align:center;
	line-height:200%;
}

.cons1menublue:hover,.cons1menupink:hover,.cons1menugreen:hover,.cons1menuorange:hover {
	border-bottom: 4px solid rgba(255,253,52,1.00);
	text-decoration:none;
}

@media screen and (max-width: 576px) {
.cons1menublue,.cons1menupink,.cons1menugreen,.cons1menuorange {
	font-size:150%;
	width:99%;
	margin-bottom:15px;
}
}

.cons1menublue a { text-decoration: none;}

/*おこしあいネット新着枠*/
#cons1okoshiai {
	margin:10px;
	text-align:center;
}
#cons1okoshiairss {
	border:1px solid rgba(216,81,83,1.00);
	margin:10px 0 20px 0;
	padding:10px;
	min-height:300px;
	text-align:left;
}

@media screen and (max-width: 576px) {
	#cons1block1left{width:99%;}
	.cons1block1right{width:99%;}
	img {width:99%;}
	.cons1block1right img {width:80%;}
	}	
}

/*cons2 サポーター*/

.cons2a {width:100%; padding:20px; text-align:center;}
@media screen and (max-width: 576px) {
	.cons2a {padding:8px; text-align:center;}
	}
.cons2bwaku {
	width:99%;
	display:block;
	text-align:center;
	margin:0 auto;
	border:1px solid #56BCD5;
	padding:10px;
}
.cons2b {
	width:48%;
	float:left;
	padding:8px;
	text-align:left;
}
.cons2b img {
	float:left;
	padding-right:10px;
	vertical-align: top;
	width:200px;
}
.cons2c {
	width:48%;
	float:left;
	padding:8px;
	text-align:left;
}
.cons2c img {
	float:left;
	padding-right:10px;
	vertical-align: top;
	width:220px;
}

.cons2d {text-align:center; font-weight:bold; font-size:180%; padding:10px;}
@media screen and (max-width: 576px) {
	.cons2d {text-align:center; font-weight:bold; font-size:120%; padding:20px;}
	}
.cons2e { float:left; margin:8px 5px 30px 5px;}
@media screen and (max-width: 576px) {
	.cons2e { float:none; margin:8px 5px 10px 5px;}
	}
.cons2f { float:right; margin:8px;}
@media screen and (max-width: 576px) {
	.cons2f { display:none;}
	}

/*メニューブロック*/

.cons2menublock {
	width:30%;
	margin:10px;
	text-align:center;
	display: inline-block;
	vertical-align: middle;
	padding:10px;
	
	background:#FFFFFF!important;
	border-radius: 50%;
	}
.cons2menublock-waku {
	padding:8px;
	height:8px;
	border-top:2px solid #42ABDD;
	border-left:2px solid #42ABDD;
	border-right:2px solid #42ABDD;
}
.cons2menublock-data {
	padding:8px;
	text-align:left;
	font-size:97%;
	background:#FFFFFF;
	border-radius: 30px;
	color:#000000;
}
@media screen and (max-width: 576px) {
	.cons2menublock {
	width:99%;
	margin:5px;
	text-align:center;
	display: inline-block;
}
	.cons2menublock img {
		display:none;
	}
	}

/*サポーターブロック*/

.cons2supporterblock {
	width:17%;
	margin:15px 5px 0 5px;
	text-align:center;
	display: inline-block;
	vertical-align: top;
	font-weight:bold;
	font-size:120%;
	}
.cons2supporterblock img {
	width:200px;
}

.cons2supporterblock-data {
	padding:0 8px;
	text-align:left;
	font-size:16px;
	background:#FFFFFF;
	color:rgba(91,92,98,1.00);
	font-weight:100;
	line-height:140%;
	margin-bottom:8px;
}
@media screen and (max-width: 576px) {
	.cons2supporterblock {
	width:99%;
	margin:5px;
	text-align:center;
	display: inline-block;
}

	}

.cons1menupink2 {
	padding:8px 20px 8px 20px;
	margin:30px;
	background:rgba(250,252,235,1.00);
	border-radius: 20px;
	font-size:130%;
	font-weight:bold;
	color:#FF12E3;
	text-align:center;
	line-height:200%;
}
.cons1menupink2:hover {
	border-bottom: 4px solid rgba(255,253,52,1.00);
	text-decoration:none;
}
@media screen and (max-width: 576px) {
.cons2e { text-align:left; clear:both; float:none;}
.cons1menupink2:before {
	content:"■";
}
	.cons1menupink2 {
	padding:10px;
	margin:10px;
	background:#FFFFFF;
	border-radius: none;
	font-size:110%;
	font-weight:bold;
	color:#FF12E3;
	text-align:left;
	line-height:160%;
}
.cons1menupink2:hover {
	border-bottom: none;
	text-decoration:none;
}
}

/*cons3　なんでも相談*/
.cons3-box {
	width:500px;
	text-align:center;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	border:1px solid #8A6200;
	padding:15px 20px 15px 20px;
	background:url(cons3/cons3-02.png) right bottom no-repeat;
}

@media screen and (max-width: 576px) {
.cons3-box {
	width:95%;
	text-align:center;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #8A6200;
	padding:10px;
	background:url(https://aisoho.jp/wp-content/uploads/cons/cons3-02.png) right bottom no-repeat;
}
}

.cons3-box p {
	line-height:200%;
	color:#8A6200;
	text-align:left;
}

.cons3-tel {
	width:55%;
	display: inline-block;
	padding-left:10px;
	vertical-align: top;
}
@media screen and (max-width: 576px) {
.cons3-tel {
	width:99%;
	display: block;
	padding-left:10px;
	vertical-align: top;
}
}
.cons3-tel p {
	color:#FFFFFF;
	font-size:120%;
}
.cons3-tel-tel {
	margin:8px;
	border:1px solid #FFFFFF;
	padding:8px;
	color:#FFFFFF;
	font-size:36px;
	font-family: "Sawarabi Mincho";/*さわらび明朝*/
	letter-spacing:7px;
}

@media screen and (max-width: 576px) {
.cons3-tel-tel {
	font-size:20px;
	text-align:center;
}
}
.cons3-sns {
	width:38%;
	display: inline-block;
	text-align:center;
	vertical-align: top;
}
.cons3-comment {
	margin:10px;
	padding:10px;
	border-top:2px solid #FFFFFF;
	color:#FFFFFF;
	font-size:95%;
}

/*cons4 テーマ別サロン*/

.cons4-box {
	margin:40px;
	text-align:center;
	line-height:200%;
}
@media screen and (max-width: 576px) {
.cons4-box {
	margin:10px;
	text-align:center;
}
}

.cons4-box .text1 {
	font-weight:bold;
	font-size:30px;
	padding:10px;
	line-height:200%;
}
.cons4-box .text2 {
	font-size:95%;
	padding-bottom:10px;
}

.cons4-sarontitle {
	padding:20px;
	background:#F8AAFF;
	text-align:center;
	line-height:200%;
	font-size:30px;
	color:#FFFFFF;
}
@media screen and (max-width: 576px) {
.cons4-sarontitle {
	padding:10px;
	background:#F8AAFF;
	text-align:center;
	line-height:180%;
	font-size:20px;
	color:#FFFFFF;
}
}

/*cons5 まなびっと*/
.cons5-title {
	padding:20px;
	background:#649A00;
	text-align:center;
	line-height:200%;
	font-size:30px;
	color:#FFFFFF;
	margin-top:20px;
}
@media screen and (max-width: 576px) {
.cons5-title {
	padding:10px;
	background:#649A00;
	text-align:center;
	line-height:180%;
	font-size:20px;
	color:#FFFFFF;
	margin-top:20px;
}
}



/*画像回り込み*/
.imgfloatleft {
	padding:10px;
	float:left;
}

.imgfloatright {
	padding:10px;
	float:right;
}

@media screen and (max-width: 576px) {
.imgfloatleft {
	padding:8px;
	float:none;
}

.imgfloatright {
	padding:8px;
	float:none;
}	
}

/*100%背景*/
.backblue100 {
	width:100%;
	background:#DBF9FF;
	margin:15px 0 15px 0;
	padding:15px 20px 15px 20px;
}
.backgray100 {
	width:100%;
	background:#F7F7F7;
	margin:15px 0 15px 0;
	padding:15px 20px 15px 20px;
}
.backblue2100 {
	width:100%;
	background:#84A6FF;
	margin:15px 0 15px 0;
	padding:15px 20px 15px 20px;
}

@media screen and (max-width: 576px) {
.backblue100,.backgray100,.backblue2100 {
	padding:8px;
}	
}