/*ガイドサービス*/

@media screen and (max-width:600px) {
	#guide_service_block .col2_left {
		width:100%;
	}
	#guide_service_block .col2_right {
		width:100%;
	}
}
@media screen and (min-width:601px) {
	#guide_service_block .col2_left {
		float:left;
		width:33%;
	}
	#guide_service_block .col2_right {
		float:left;
		width:66%;
	}
}

/*ガイドセーフティー*/

@media screen and (max-width:600px) {
	#guide_safety_block .col2_left {
		width:100%;
	}
	#guide_safety_block .col2_right {
		width:100%;
	}
}
@media screen and (min-width:601px) {
	#guide_safety_block .col2_left {
		float:left;
		width:33%;
	}
	#guide_safety_block .col2_right {
		float:left;
		width:66%;
	}
}





/*ログイントップ*/
@media screen and (max-width:480px) {
	#loginTop_block #top_profile {

	}
	#loginTop_block #top_menu {

	}
}
@media screen and (min-width:481px) and ( max-width:600px) {
	#loginTop_block .col2_left {
		width:100%;
	}
	#loginTop_block .col2_right {
		width:100%;
	}
}
@media screen and (min-width:601px) {
	#loginTop_block .col2_left {
		float:left;
		width:240px;
		margin-top:10px;
	}
	#loginTop_block .col2_right {
		overflow: hidden;
    	width: auto;
    	margin-top:10px;
	}
}

/*タイムライン*/
@media screen and (max-width:900px) {
	#timeline_block .footprint_block {
		overflow-x: auto; -webkit-overflow-scrolling:touch;
	}
	#timeline_block .footprint_block ul {
		list-style: none;
		display:table;
		position: relative;
	}
	#timeline_block .footprint_block li {
		display:table-cell;
		vertical-align:middle;
	}
	#timeline_block .footprint_block .footprint_more {
		display:table-cell;
		vertical-align:middle;
	}
	#timeline_block .footprint_block .user_img {
		width:100px;
		height:auto;
	}
}
@media screen and (min-width:901px) {
	#timeline_block .footprint_block {

	}
	#timeline_block .footprint_block ul {
		list-style: none;
	}
	#timeline_block .footprint_block li {
		float:left;
		width:20%;
		min-width:100px;
	}
	#timeline_block .footprint_block .footprint_more {
		display:block;
		text-align:center;
	}
	#timeline_block .footprint_block .user_img {
		width:100%;
		height:auto;
	}
}



/*会員一覧*/


#user_list_block {
	margin:1%;
}

#user_list_block .box_innner {
	background: #FFF;
	margin:2%;
	position:relative;
	text-align:left;
	overflow:hidden;
}

@media screen and (max-width:320px) {
	#user_list_block .box_outer {
		width:100%;
	}
	#user_list_block .box_left {
		width:100%;
	}
	#user_list_block .box_right {
		width:100%;
	}

	#user_list_block .comment {
		position: relative;
		padding:3%;
		background: #EFEFEF;
		text-align:left;
	}
	#user_list_block .comment:after {
		position: absolute;
		content: ' ';
		top: -12px;
		left: 50%;
		margin-left:-6px;
		border-style: solid;
		border-width: 0px 6px 12px 6px;
		border-color: transparent transparent #EFEFEF transparent;
	}
}
@media screen and (min-width:321px) and ( max-width:500px) {
	#user_list_block .box_outer {
		width:100%;
	}
	#user_list_block .box_left {
		width:50%;
		float:left;
	}
	#user_list_block .box_right {
		width:50%;
		float:left;
	}

	#user_list_block .comment {
		position: relative;
		display:inline-block;
		padding:3%;
		background: #EFEFEF;
		text-align:left;
	}
	#user_list_block .comment:after {
		position: absolute;
		content: ' ';
		top: 10px;
		left: -12px;
		border-style: solid;
		border-width: 6px 12px 6px 0px;
		border-color: transparent #EFEFEF transparent transparent;
	}
}
@media screen and (min-width:501px) and ( max-width:700px) {
	#user_list_block .box_outer {
		width:50%;
		float:left;
	}
	#user_list_block .box_left {
		width:100%;
	}
	#user_list_block .box_right {
		width:100%;
	}

	#user_list_block .comment {
		position: relative;
		padding:3%;
		background: #EFEFEF;
		text-align:left;
	}
	#user_list_block .comment:after {
		position: absolute;
		content: ' ';
		top: -12px;
		left: 50%;
		margin-left:-6px;
		border-style: solid;
		border-width: 0px 6px 12px 6px;
		border-color: transparent transparent #EFEFEF transparent;
	}
}
@media screen and (min-width:701px) {
	#user_list_block .box_outer {
		width:50%;
		float:left;
	}
	#user_list_block .box_left {
		width:50%;
		float:left;
	}
	#user_list_block .box_right {
		width:50%;
		float:left;
	}

	#user_list_block .comment {
		position: relative;
		display:inline-block;
		padding:3%;
		background: #EFEFEF;
		text-align:left;
	}
	#user_list_block .comment:after {
		position: absolute;
		content: ' ';
		top: 10px;
		left: -12px;
		border-style: solid;
		border-width: 6px 12px 6px 0px;
		border-color: transparent #EFEFEF transparent transparent;
	}
}









/*投稿一覧*/

#post_list_block {
	margin:1%;
}
#post_list_block .box_innner {
	background: #FFF;
	margin:2%;
	position:relative;
	border:1px solid #EAEAEA;
	text-align:left;
	overflow:hidden;
}

@media screen and (max-width:480px) {
	#post_list_block .box_outer {
		width:100%;
	}
}
@media screen and (min-width:481px) and ( max-width:600px) {
	#post_list_block .box_outer {
		width:100%;
	}
}

@media screen and (min-width:601px) and ( max-width:960px) {
	#post_list_block .box_outer {
		width:49.9%;
		float:left;
	}
}

@media screen and (min-width:961px) {
	#post_list_block .box_outer {
		width:49.9%;
		float:left;
	}
}

/*自分の投稿のいいね会員*/
@media screen and (max-width:900px) {
	.post_my_good_user_block .outer {
		overflow-x: auto; -webkit-overflow-scrolling:touch;
	}
	.post_my_good_user_block ul {
		list-style: none;
		display:table;
		border-collapse:separate;
		position: relative;
	}
	.post_my_good_user_block li {
		display:table-cell;
		vertical-align:middle;
	}
	.post_my_good_user_block .page_next {
		display:table-cell;
		vertical-align:middle;
	}
	.post_my_good_user_block .user_img {
		width:100px;
		height:auto;
	}
}
@media screen and (min-width:901px) {
	.post_my_good_user_block .outer {

	}
	.post_my_good_user_block ul {
		list-style: none;
	}
	.post_my_good_user_block li {
		float:left;
		width:20%;
		min-width:100px;
	}
	.post_my_good_user_block .page_next {
		display:block;
		text-align:center;
	}
	.post_my_good_user_block .user_img {
		width:100%;
		height:auto;
	}
}




/*QA一覧回答会員*/
@media screen and (max-width:900px) {
	.qa_list_answer_user .outer {
		overflow-x: auto; -webkit-overflow-scrolling:touch;
	}
	.qa_list_answer_user ul {
		list-style: none;
		display:table;
		border-collapse:separate;
		position: relative;
	}
	.qa_list_answer_user li {
		display:table-cell;
		vertical-align:middle;
	}
	.qa_list_answer_user .page_next {
		display:table-cell;
		vertical-align:middle;
	}
	.qa_list_answer_user .user_img {
		width:100px;
		height:auto;
	}
}
@media screen and (min-width:901px) {
	.qa_list_answer_user .outer {

	}
	.qa_list_answer_user ul {
		list-style: none;
	}
	.qa_list_answer_user li {
		float:left;
		width:20%;
		min-width:100px;
	}
	.qa_list_answer_user .page_next {
		display:block;
		text-align:center;
	}
	.qa_list_answer_user .user_img {
		width:100%;
		height:auto;
	}
}

/*自分のQA質問の回答会員*/
@media screen and (max-width:900px) {
	.qa_my_question_answer_user .outer {
		overflow-x: auto; -webkit-overflow-scrolling:touch;
	}
	.qa_my_question_answer_user ul {
		list-style: none;
		display:table;
		border-collapse:separate;
		position: relative;
	}
	.qa_my_question_answer_user li {
		display:table-cell;
		vertical-align:middle;
	}
	.qa_my_question_answer_user .page_next {
		display:table-cell;
		vertical-align:middle;
	}
	.qa_my_question_answer_user .user_img {
		width:100px;
		height:auto;
	}
}
@media screen and (min-width:901px) {
	.qa_my_question_answer_user .outer {

	}
	.qa_my_question_answer_user ul {
		list-style: none;
	}
	.qa_my_question_answer_user li {
		float:left;
		width:20%;
		min-width:100px;
	}
	.qa_my_question_answer_user .page_next {
		display:block;
		text-align:center;
	}
	.qa_my_question_answer_user .user_img {
		width:100%;
		height:auto;
	}
}


/*自社イベント一覧*/

#gather_list_block {
	margin:1%;
}
#gather_list_block .box_inner {
	margin:2%;
	background:#FFF;
	position:relative;
	overflow: hidden;
}

@media screen and (max-width:600px) {
	#gather_list_block .box_outer {
		width:100%;
	}
}

@media screen and (min-width:601px) {
	#gather_list_block .box_outer {
		width:49.9%;
		float:left;
	}
}

/*イベント一覧*/

#event_list_block {
	margin:1%;
}
#event_list_block .box_inner {
	margin:2%;
	background:#FFF;
	position:relative;
	overflow: hidden;
}

@media screen and (max-width:600px) {
	#event_list_block .box_outer {
		width:100%;
	}
}

@media screen and (min-width:601px) {
	#event_list_block .box_outer {
		width:49.9%;
		float:left;
	}
}


/*デートスポット一覧*/

#spot_list_block {
	margin:1%;
}
#spot_list_block .box_inner {
	margin:2%;
	background:#FFF;
	position:relative;
	overflow: hidden;
}

@media screen and (max-width:600px) {
	#spot_list_block .box_outer {
		width:100%;
	}
}

@media screen and (min-width:601px) {
	#spot_list_block .box_outer {
		width:50%;
		float:left;
	}
}


/*コラム*/

#articles_list_block {
	margin:1%;
}
#articles_list_block .box_inner {
	margin:3%;
	background:#FFF;
	position:relative;
	overflow: hidden;
}

@media screen and (max-width:600px) {
	#articles_list_block .box_outer {
		width:100%;
	}
}

@media screen and (min-width:601px) {
	#articles_list_block .box_outer {
		width:49.9%;
		float:left;
	}
}


/*体験談レポート*/

#report_list_block {
	margin:1%;
}
#report_list_block .box_inner {
	margin:3%;
	background:#FFF;
	position:relative;
	overflow: hidden;
}

@media screen and (max-width:600px) {
	#report_list_block .box_outer {
		width:49.9%;
		float:left;
	}
}

@media screen and (min-width:601px) {
	#report_list_block .box_outer {
		width:25%;
		float:left;
	}
}

/*口コミレポート*/

#voice_list_block ul {
	list-style: none;
}

@media screen and (max-width:480px) {
	#voice_list_block ul {
		display:block;
	}
	#voice_list_block li {
		width:100%;
		display:block;

	}
	#voice_list_block li.over {
		display:none;
	}
	#voice_list_block .box_inner {
		margin:3%;
	}
}
@media screen and ( max-width:600px) {
	#voice_list_block ul {
		display:block;
	}
	#voice_list_block li {
		width:49.9%;
		display:block;
		float:left;
	}
	#voice_list_block li.over {
		display:none;
	}
	#voice_list_block .box_inner {
		margin:3%;
	}
}

@media screen and (min-width:601px) {
	#voice_list_block ul {
		display:block;
	}
	#voice_list_block li {
		width:32.9%;
		display:block;
		float:left;
	}
	#voice_list_block li.over {
		display:none;
	}
	#voice_list_block .box_inner {
		margin:3%;
	}
}

/*サービスについて*/

#service_list_block {
	margin:1%;
}
#service_list_block .box_outer {
	vertical-align: top;
}
#service_list_block .box_inner {
	margin:5%;
	position:relative;
	overflow: hidden;
}
#service_list_block .box_title {
	padding:5% 0px;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
}
#service_list_block .box_text {
	padding:3% 0px;
}

@media screen and (max-width:400px) {
	#service_list_block .box_outer {
		width:100%;
	}
	#service_list_block .box_img {
		width:30%;
		float:left;
	}
	#service_list_block .box_text {
		text-align:left;
	}
}
@media screen and (min-width:401px) and (max-width:600px) {
	#service_list_block .box_outer {
		width:49.9%;
		display:inline-block;
	}
}
@media screen and (min-width:601px) {
	#service_list_block .box_outer {
		width:32.9%;
		display:inline-block;

	}
}

/*トップページ*/

#top_service_block {
	margin:1%;
}
#top_service_block .box_row3 {
	display:table-cell;
}
#top_service_block .box_row2 {
	display:table-cell;
}
#top_service_block .box_inner {
	margin:3%;
	position:relative;
	overflow: hidden;
}

#top_service_block .box_text {
	padding:3% 0px;
}

@media screen and (max-width:600px) {
	#top_service_block {
		overflow-x: auto; -webkit-overflow-scrolling:touch;
	}
	#top_service_block .block_table {
		display:table;
		border-collapse:separate;
	}
	#top_service_block .box_row3 {
		display:table-cell;
	}
	#top_service_block .box_row2 {
		display:table-cell;
	}
	#top_service_block .box_inner {
		padding:10px;
	}

	#top_service_block .box_img {
		width:200px;
		margin:5px;
	}
	#top_service_block .box_title {
		padding:1% 0px;
		font-size:1.1em;
		font-weight:bold;
		text-align:center;
	}
	#top_service_block .box_text {
		text-align:left;
	}
}
@media screen and (min-width:601px) {
	#top_service_block .box_row3 {
		width:32.9%;
		display:inline-block;
	}
	#top_service_block .box_row2 {
		width:49.9%;
		display:inline-block;
	}
	#top_service_block .box_title {
	padding:5% 0px;
		font-size:1.1em;
		font-weight:bold;
		text-align:center;
	}
}



/*ヘルプ*/

@media screen and (max-width:480px) {
	#help_category_block .col2 {
		width:100%;
	}
}
@media screen and (min-width:481px) {
	#help_category_block .col2 {
		float:left;
		width:50%;
	}
}